@charset "UTF-8";
/*--公共部分--*/
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; touch-callout: none; cursor: pointer; }

body, form, img, ul, ol, li, dl, dt, dd, p, tr, td, strong, span, pre { margin: 0; padding: 0; border: 0; background-repeat: no-repeat; }

h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; font-weight: normal; }

body, button, input, select, textarea { font-size: 14px; line-height: 24px; color: #333; font-family: Arial, "Microsoft YaHei", "Hiragino Sans GB", sans-serif; }

ul, li { list-style: none; }

em, i, b { font-style: normal; }

img { border: 0px; vertical-align: middle; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { border: 1px solid #ddd; }

*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; }

article, aside, footer, header, nav, section { display: block; }

a { background-color: transparent; -webkit-text-decoration-skip: objects; text-decoration: none; color: #333; outline: none; cursor: pointer; }

a:hover { background-repeat: no-repeat; text-decoration: none; }

a, input[type="button"], button, label, input[type="submit"] { cursor: pointer; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

audio, video { display: inline-block; }

[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

input, textarea, select { outline: none; }

input[type="text"], input[type="password"], input[type="button"], input[type="submit"], select, textarea { outline-style: none; -webkit-appearance: none; resize: none; border: none; -webkit-border-radius: 0; border-radius: 0; }

/* 自动填充的  autocomplete off/ new-password*/
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; }

/* 常用样式  */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix { *zoom: 1; }

.clear { clear: both; line-height: 0; height: 0; font-size: 0; }

.fl { float: left; }

.fr { float: right; }

/*调试专用*/
.show { display: block !important; }

.hide { display: none !important; }

/* 布局类*/
.commonweb { padding: 0px 15px; }

.commonwebbox { margin-left: 0px; margin-right: 0px; }

.commonleft { float: none; }

.commonright { float: none; }

.visible-sm, .visible-md, .visible-lg { display: none; }

.hidden-sm, .hidden-md, .hidden-lg { display: block; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; padding-left: 10px; padding-right: 10px; }

.col-xs-12 { width: 100%; }

.col-xs-11 { width: 91.66666667%; }

.col-xs-10 { width: 83.33333333%; }

.col-xs-9 { width: 75%; }

.col-xs-8 { width: 66.66666667%; }

.col-xs-7 { width: 58.33333333%; }

.col-xs-6 { width: 50%; }

.col-xs-5 { width: 41.66666667%; }

.col-xs-4 { width: 33.33333333%; }

.col-xs-3 { width: 25%; }

.col-xs-2 { width: 16.66666667%; }

.col-xs-1 { width: 8.33333333%; }

@media (max-width: 320px) { body { min-width: 320px; } }

@media (min-width: 768px) { .commonweb { padding: 0px 20px; } }

@media (min-width: 992px) { .commonweb { padding: 0px 40px; } }

.commonwebbox { margin-left: 0px; margin-right: 0px; }

.commonleft { float: none; }

.commonright { float: none; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; padding-left: 10px; padding-right: 10px; }

.col-xs-12 { width: 100%; }

.col-xs-11 { width: 91.66666667%; }

.col-xs-10 { width: 83.33333333%; }

.col-xs-9 { width: 75%; }

.col-xs-8 { width: 66.66666667%; }

.col-xs-7 { width: 58.33333333%; }

.col-xs-6 { width: 50%; }

.col-xs-5 { width: 41.66666667%; }

.col-xs-4 { width: 33.33333333%; }

.col-xs-3 { width: 25%; }

.col-xs-2 { width: 16.66666667%; }

.col-xs-1 { width: 8.33333333%; }

@media (min-width: 768px) { .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-sm-12 { width: 100%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-9 { width: 75%; }
  .col-sm-8 { width: 66.66666667%; }
  .col-sm-7 { width: 58.33333333%; }
  .col-sm-6 { width: 50%; }
  .col-sm-5 { width: 41.66666667%; }
  .col-sm-4 { width: 33.33333333%; }
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.66666667%; }
  .col-sm-1 { width: 8.33333333%; } }

@media (min-width: 992px) { .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9 { width: 75%; }
  .col-md-8 { width: 66.66666667%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-6 { width: 50%; }
  .col-md-5 { width: 41.66666667%; }
  .col-md-4 { width: 33.33333333%; }
  .col-md-3 { width: 25%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-1 { width: 8.33333333%; } }

@media (min-width: 1200px) { .commonweb { margin: 0px auto; max-width: 1180px; padding: 0; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-lg-12 { width: 100%; }
  .col-lg-11 { width: 91.66666667%; }
  .col-lg-10 { width: 83.33333333%; }
  .col-lg-9 { width: 75%; }
  .col-lg-8 { width: 66.66666667%; }
  .col-lg-7 { width: 58.33333333%; }
  .col-lg-6 { width: 50%; }
  .col-lg-5 { width: 41.66666667%; }
  .col-lg-4 { width: 33.33333333%; }
  .col-lg-3 { width: 25%; }
  .col-lg-2 { width: 16.66666667%; }
  .col-lg-1 { width: 8.33333333%; } }

.visible-lg, .visible-md, .visible-sm { display: none; }

.hidden-lg, .hidden-md, .hidden-sm { display: none; }

@media (min-width: 767px) { .visible-sm { display: block; }
  .hidden-sm { display: none; } }

@media (min-width: 991px) { .visible-md { display: block; }
  .hidden-sm { display: block; } }

@media (min-width: 1200px) { .visible-lg { display: block; }
  .hidden-lg { display: block; } }

@font-face { font-family: "AvantGarGotItcTEE"; src: url("../fonts/AvantGarGotItcTEE.otf"), url("../fonts/AvantGarGotItcTEE.eot"), url("../fonts/AvantGarGotItcTEE.woff"); }

/* layout start*/
.sprite-demo { width: 100px; height: 100px; background-color: #f60; }

.all-sprite { color: #f60; width: 500px; height: 500px; background: #f4f4f4 url(../images/sprite.png) no-repeat 0 0; }

.base64-demo { padding: 10px; background: #ff6600 url(../images/download.jpg) no-repeat 0 0; }

.header-pc-top { display: none; height: 30px; line-height: 30px; background-color: #eef9ff; }

.header-pc-top .now-date, .header-pc-top .now-week { color: #444; }

.header-pc-top .now-week { padding-left: 5px; }

.header-pc-top .weather { display: inline-block; padding-left: 10px; }

.header-pc-top .businessHours { color: #555; display: inline-block; padding-left: 15px; }

.header-pc-top .languagelink { font-size: 12px; color: #6bb0c9; width: 73px; height: 16px; border: 1px solid #7ab5e3; line-height: 15px; position: relative; text-transform: uppercase; margin-top: 7px; text-indent: 6px; }

.header-pc-top .languagelink:before { position: absolute; right: 4px; top: 4px; }

.header-pc-top .toplink a { padding: 0 8px 0 0; font-size: 14px; color: #444; }

.header-pc-top .toplink a:last-child { display: none; }

.header-pc-top .toplink a:before { margin-right: 15px; display: inline-block; }

.header-pc-top .toplink a:hover { color: #54a8d5; }

header { position: relative; }

.ticketingSystem { position: absolute; bottom: -67px; left: 50%; margin-left: -960px; z-index: 20; display: none; }

.logo { display: inline-block; }

.logo img { height: 50px; margin: 5px; }

.nav { width: 100%; position: fixed; height: 100%; padding-bottom: 60px; left: 0; top: 60px; background: #fff; z-index: 999; display: none; }

.nav ul { border-top: 1px solid #d9d9d9; }

.nav li { border-bottom: 1px solid #d9d9d9; }

.nav li a { height: 45px; line-height: 45px; display: block; padding: 0 35px; }

.nav li em { display: inline-block; text-align: center; height: 30px; line-height: 30px; width: 40px; margin-right: 10px; background-color: #54a8d5; font-size: 0; vertical-align: middle; }

.nav li em img { vertical-align: middle; max-height: 100%; }

.mobile-link { padding: 20px 20px 15px; text-align: center; }

.mobile-link a { display: inline-block; margin: 0 8px; }

.mobile-link a:last-child { color: #54a8d5; }

.nav-btn { width: 30px; height: 25px; margin-top: 18px; margin-left: 15px; float: right; }

.nav-btn .bar { position: relative; display: block; width: 28px; height: 3px; margin: 7px auto; background-color: #54a8d5; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }

.nav-btn span:nth-child(1) { margin-top: 0; }

.nav-btn span:nth-child(3) { margin-bottom: 0; }

.nav-btn.cur .bar:nth-of-type(1) { -webkit-transform: translateY(9.5px) rotate(-45deg); -ms-transform: translateY(9.5px) rotate(-45deg); -moz-transform: translateY(9.5px) rotate(-45deg); -o-transform: translateY(9.5px) rotate(-45deg); transform: translateY(9.5px) rotate(-45deg); }

.nav-btn.cur .bar:nth-of-type(2) { opacity: 0; }

.nav-btn.cur .bar:nth-of-type(3) { -webkit-transform: translateY(-10.5px) rotate(45deg); -ms-transform: translateY(-10.5px) rotate(45deg); -moz-transform: translateY(-10.5px) rotate(45deg); -o-transform: translateY(-10.5px) rotate(45deg); transform: translateY(-10.5px) rotate(45deg); }

.tmall-text { color: #54a8d5; font-size: 16px; margin-top: 10px; }

.nav ul li h3 { position: relative; }

.nav .headersub-nav { position: relative; padding: 0 0 10px 75px; display: none; }

.nav .headersub-nav a { display: block; padding: 0 10px; height: 36px; line-height: 36px; }

.arrorright-btn { position: absolute; width: 50%; right: 0; top: 0; height: 100%; display: block; }

.arrorright-btn:after { content: ""; position: absolute; top: 16px; right: 20px; width: 10px; height: 10px; border-right: 1px solid #7c8287; border-top: 1px solid #7c8287; border-left: 0; border-bottom: 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }

.nav ul li.active .arrorright-btn:after, .inside-tab-main li h4.active .arrorright-btn:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 21px; }

@media (min-width: 991px) { .header-pc-top { display: block; }
  .logo { width: 12%; }
  .nav-btn { display: none; }
  .nav { float: left; position: static; width: 88%; display: block; padding-bottom: 0; }
  .nav ul { border-top: none; border-right: 1px solid #eee; text-align: right; font-size: 0; }
  .nav li { width: 12.5%; text-align: center; /*float: left;*/ display: inline-block; border-bottom: none; border-left: 1px solid #eee; }
  .nav li a { padding: 10px 0 13px 0; line-height: 22px; font-size: 16px; color: #54a8d5; display: block; -webkit-transition: ease-in all 0.5s; -webkit-transition: ease-in all 0.5s; -o-transition: ease-in all 0.5s; -moz-transition: ease-in all 0.5s; transition: ease-in all 0.5s; height: auto; line-height: normal; position: relative; }
  .nav li a:before { content: ""; position: absolute; bottom: 0; left: 50%; width: 0; height: 5px; background: #54a8d5; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
  .nav li.cur a:before, .nav li:hover a:before { width: 100%; }
  .nav li em { margin: 0 auto 5px; text-align: center; height: 42px; line-height: 42px; width: auto; }
  .nav li em img { vertical-align: middle; }
  .nav li i { display: block; }
  /*.nav li:nth-child(1) a { background: url(../images/img01.png) center 8px no-repeat; } .nav li:nth-child(2) a { background: url(../images/img02.png) center 13px no-repeat; } .nav li:nth-child(3) a { background: url(../images/img03.png) center 11px no-repeat; } .nav li:nth-child(4) a { background: url(../images/wicon34.png) center 10px no-repeat; } .nav li:nth-child(5) a { background: url(../images/wicon35.png) center 5px no-repeat; } .nav li:nth-child(6) a { background: url(../images/img43.png) center 9px no-repeat; } .nav li:nth-child(7) a { background: url(../images/img06.png) center 4px no-repeat; } .nav li:nth-child(8) a { background: url(../images/img05.png) center 11px no-repeat; } .nav li:nth-child(9) a { background: url(../images/img07.png) center 11px no-repeat; }*/
  .headersub-nav, .arrorright-btn { display: none; }
  .mobile-link { display: none; }
  .logo { border-left: 1px solid #eee; text-align: center; }
  .logo img { height: 78px; margin: 3px; }
  .tmall-text { font-size: 20px; } }

@media (min-width: 1179px) { .header-pc-top .toplink a { padding: 0 15px 0 0; font-size: 15px; } }

.banner { width: 100%; overflow: hidden; position: relative; z-index: 1; }

.banner ul li { overflow: hidden; }

.banner ul li a { display: block; background-repeat: no-repeat; background-position: center 0; -o-background-size: cover; background-size: cover; width: 100%; padding-bottom: 50%; }

.banner img { display: block; width: 100%; position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.banner .dot { text-align: center; padding: 10px 0px 3px; position: absolute; left: 0px; right: 0px; bottom: 0px; z-index: 999; }

.banner .dot span { margin: 0px 3px; width: 12px; height: 12px; border: 3px solid #fff; opacity: 1; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; background: none; }

.banner .dot span.swiper-pagination-bullet-active { background: #fff; }

@media (min-width: 1023px) { .banner .dot { bottom: 20px; } }

.incommontit { text-align: center; color: #111; font-size: 24px; font-weight: lighter; }

.incommontit:after { content: ""; display: block; width: 36px; height: 2px; background: #666; margin: 10px auto; }

.inSightseeing { padding-top: 40px; background-color: #f2f2f2; }

.inSightseeing li { padding: 10px 0 0; }

.inSightseeing img { width: 100%; display: block; }

.inSightseeing div { position: relative; }

.inSightseeing div span { color: #fff; font-size: 18px; position: absolute; left: 15px; bottom: 10px; }

.inFeaturedFood { padding-top: 40px; padding-bottom: 40px; }

.inFeaturedFood a { display: block; position: relative; padding: 5px 0; }

.inFeaturedFood p { position: absolute; left: 0; bottom: 0; color: #fff; padding-left: 10px; padding-bottom: 10px; font-size: 18px; }

.inFeaturedFood p span { display: block; font-size: 14px; padding-top: 5px; }

.inFeaturedFood img { width: 100%; display: block; }

.inEA { padding: 40px 10px; background: #f2f2f2; }

.inEA h2 { margin-bottom: 15px; }

.inEA a { display: block; position: relative; border-bottom: 1px solid #fff; }

.inEA span { display: block; position: absolute; left: 20px; bottom: 20px; color: #fff; font-size: 18px; }

.inEA img { width: 100%; display: block; }

.inRomanticWedding { padding-top: 40px; padding-bottom: 40px; }

.inRomanticWedding h2 { margin-bottom: 25px; }

.inRomanticWedding img { display: block; width: 100%; }

.inRomanticWedding ul { margin: 0 -5px; }

.inRomanticWedding li { padding: 0 5px 5px; }

.inRomanticWedding a { position: relative; display: block; }

.inRomanticWedding a span { position: absolute; left: 15px; bottom: 20px; color: #fff; font-size: 18px; }

#share { padding-top: 20px; }

#share a { width: 40px; height: 40px; background-image: url(../images/share.png); margin: 0; padding: 0; }

#share .bds_tsina { background-position: left top; margin-right: 20px; }

#share .bds_weixin { background-position: right top; }

.inContact { color: #333; background: #f2f2f2; padding-top: 0; padding-bottom: 0; }

.inContact h2 { margin-bottom: 20px; }

.inContact img { display: block; width: 100%; }

.inContact .inContact-left { padding: 30px 20px 30px; background: #fff; }

.inContact .inContact-left h3 { font-size: 18px; padding-bottom: 15px; }

.inContact .inContact-left p { line-height: 30px; }

.inContact .inContact-right p { padding-top: 2px; margin: 0 -2px; }

.inContact .inContact-right p span { padding: 0 2px; }

.inContact .inContact-more { width: 108px; height: 30px; border: 1px solid #ccc; display: block; text-align: center; line-height: 30px; font-size: 14px; color: #333; margin-top: 15px; }

.inImgScroll { border-bottom: 1px solid #fff; }

.inImgScroll li { float: left; }

.inImgScroll li img { display: block; width: 100%; }

input:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #fff inset !important; }

@media (min-width: 768px) { .incommontit { font-size: 30px; }
  .incommontit:after { margin: 23px auto 0; }
  .inSightseeing { padding-top: 50px; }
  .inSightseeing ul { padding-top: 30px; }
  .inSightseeing ul li div { margin-right: 5px; overflow: hidden; }
  .inSightseeing ul li div span { bottom: 15px; left: 20px; font-size: 22px; }
  .inSightseeing ul li:nth-child(2n) div { margin: 0 0 0 5px; }
  .inFeaturedFood { padding-bottom: 40px; }
  .inFeaturedFood dd { margin: 0 -3px; }
  .inFeaturedFood dd a { width: 33.333%; float: left; padding: 0 3px; }
  .inFeaturedFood p { padding-left: 30px; padding-bottom: 20px; font-size: 20px; }
  .inFeaturedFood p span { font-size: 16px; } }

@media (min-width: 991px) { .inEA { padding-top: 35px; }
  .inEA h2 { margin-bottom: 35px; }
  .inEA .inEA-bigimg { float: left; width: 55.5%; }
  .inEA .inEA-smallimg { float: left; width: 44.5%; }
  .inRomanticWedding { padding-top: 80px; }
  .inRomanticWedding h2 { margin-bottom: 40px; }
  .inRomanticWedding li span { font-size: 24px; left: 27px; bottom: 27px; }
  .inContact-bg { background: #fff; }
  .inContact-left, .inContact-right { float: left; }
  .inContact h2 { margin-bottom: 40px; }
  .inContact .inContact-left { padding: 45px 30px 35px; width: 49%; }
  .inContact .inContact-left h3 { padding-bottom: 25px; font-size: 24px; }
  .inContact .inContact-right { width: 51%; background: #f2f2f2; padding-left: 1%; }
  .inContact .inContact-right p { margin: 0 -4px; padding-top: 10px; }
  .inContact .inContact-right p span { padding: 0 4px; }
  .inContact .inContact-more { width: 130px; height: 40px; line-height: 40px; font-size: 16px; margin-top: 25px; } }

@media (min-width: 1024px) { .incommontit { font-size: 45px; line-height: 45px; }
  .incommontit:after { margin-top: 30px; }
  .inSightseeing ul li a img { -webkit-transition: all ease 0.8s; -o-transition: all ease 0.8s; -moz-transition: all ease 0.8s; transition: all ease 0.8s; display: block; }
  .inSightseeing ul li a:hover img { -webkit-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
  .inFeaturedFood { padding-top: 50px; padding-bottom: 50px; }
  .inFeaturedFood dl { padding-top: 20px; }
  .inFeaturedFood dl div { overflow: hidden; }
  .inFeaturedFood dl img { -webkit-transition: all ease 0.8s; -o-transition: all ease 0.8s; -moz-transition: all ease 0.8s; transition: all ease 0.8s; }
  .inFeaturedFood dl a:hover img { -webkit-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
  .inFeaturedFood dd { margin: 5px -6px 0; }
  .inFeaturedFood dd a { padding: 0 6px; }
  .inEA { padding: 35px 0 0 0; }
  .inEA div { overflow: hidden; }
  .inEA a img { -webkit-transition: all ease 0.8s; -o-transition: all ease 0.8s; -moz-transition: all ease 0.8s; transition: all ease 0.8s; }
  .inEA a:hover img { -webkit-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
  .inEA span { left: 35px; bottom: 30px; font-size: 24px; }
  .inRomanticWedding { padding-top: 100px; }
  .inRomanticWedding li div { overflow: hidden; }
  .inRomanticWedding li img { -webkit-transition: all ease 0.8s; -o-transition: all ease 0.8s; -moz-transition: all ease 0.8s; transition: all ease 0.8s; }
  .inRomanticWedding li a:hover img { -webkit-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); } }

@media (min-width: 1180px) { .inSightseeing { padding-top: 70px; }
  .inSightseeing ul { padding-top: 40px; }
  .inSightseeing ul li div span { bottom: 30px; left: 30px; font-size: 24px; }
  .inFeaturedFood { padding-top: 65px; padding-bottom: 70px; }
  .inRomanticWedding { padding-top: 140px; }
  .inRomanticWedding h2 { margin-bottom: 55px; }
  .inContact { padding-top: 100px; padding-bottom: 120px; }
  .inContact .inContact-left { padding-top: 60px; }
  .inContact .inContact-left h3 { padding-bottom: 35px; }
  .inContact .inContact-more { margin-top: 35px; }
  #share { padding-top: 30px; } }

footer { background-color: #186cad; }

footer li { border-bottom: 1px solid #b8c7db; padding: 15px 0; line-height: 26px; }

footer h4 { color: #fff; font-size: 16px; position: relative; }

footer h4:after { display: block; content: ""; width: 15px; height: 15px; background: url(../images/icon36.png) no-repeat center; position: absolute; right: 1%; top: 50%; margin-top: -7px; }

footer h4.cur:after { background: url(../images/icon37.png) no-repeat center; }

footer a { color: #bdd7eb; }

footer a:hover { color: #fff; }

.footerFr { border-top: 1px solid #4184b8; }

.footerFrCon { text-align: center; padding: 20px 0; font-size: 0; line-height: 0; }

.footerFrCon a { display: inline-block; width: 50%; padding: 0 10px; max-height: 60px; }

.footerFrCon a img { max-width: 100%; }

.footer-info { background-color: #0c5b98; color: #fff; text-align: center; padding: 10px; }

.footer-info p { opacity: 0.5; }

.footer-info p a { color: #fff; }

.footer-text { display: block; }

@media (min-width: 776px) { .footer-info { text-align: left; padding: 0; line-height: 42px; }
  .footer-info p { display: inline-block; }
  .footer-info .footerCopy { float: right; }
  .footer-text { display: inline-block; padding-left: 30px; } }

@media (min-width: 1023px) { footer ul { padding: 70px 0; }
  footer li { float: left; border-bottom: none; padding-right: 3.2%; min-width: 64px; }
  footer li .footnav { max-width: 190px; }
  footer li:last-child { padding-right: 0; }
  footer h4 { padding-bottom: 25px; }
  footer h4:after { display: none; }
  .footerFrCon a { width: 25%; max-height: 100px; }
  footer ul { padding: 90px 0 110px; } }

@media (min-width: 1180px) { footer li { padding-right: 4.2%; min-width: 64px; }
  footer li:last-child { padding-right: 0; } }

.rightfix { position: fixed; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 100; }

.rightfix a { display: block; width: 50px; height: 50px; overflow: hidden; background: rgba(0, 104, 183, 0.5); border-bottom: 1px solid #89b9dd; }

.rightfix a img { display: block; width: 50px; height: 50px; }

@media (min-width: 1300px) { footer li { padding-right: 5%; }
  .fp-tableCell { position: relative; }
  .section:nth-child(2), .section:nth-child(4), .section:nth-child(6) { background-color: #f2f2f2; }
  .inSightseeing, .inEA { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding-top: 0; width: 100%; }
  .inFeaturedFood, .inRomanticWedding, .inContact { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 0; width: 100%; }
  .inImgScroll-box { position: absolute; bottom: 0; left: 0; width: 100%; overflow: hidden; }
  .inContact { padding-bottom: 30px; }
  .fp-section.fp-table, .fp-slide.fp-table { overflow: hidden; } }

.bannerbox { overflow: hidden; }

.subbanner img { width: 100%; display: block; }

.subnavlist02 { background-color: #f2f2f2; }

.subnavlist02 .commonweb { display: none; }

.subnavlist02 ul li { font-size: 16px; text-align: center; }

.subnavlist02 ul li a { display: block; width: 100%; font-size: 16px; padding: 22px 0; text-align: center; line-height: 18px; background-color: #fff; color: #333333; }

.subnavlist02 ul li a:hover { background-color: #54a8d5; color: #ffffff; }

.subnavlist02 ul li a.cur { background-color: #54a8d5; color: #ffffff; }

.zsannavbtn02 { padding: 15px; color: #333333; text-align: center; font-size: 16px; cursor: pointer; }

.zsannavbtn02 a:after { display: inline-block; content: ""; width: 12px; height: 12px; border-left: 1px solid #333333; border-bottom: 1px solid #333333; margin: 0 0 3px 6px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }

@media (min-width: 768px) { .zsannavbtn02 { display: none; }
  .subnavlist02 .commonweb { display: block; }
  .subnavlist02 { display: block; text-align: center; }
  .subnavlist02 ul li { display: inline-block; }
  .subnavlist02 ul li a { width: auto; padding: 22px 36px; margin: 0; } }

@media (min-width: 1024px) { .subnavlist02 ul li a { padding: 22px 80px; } }

.an-news { padding-top: 10px; padding-bottom: 40px; }

.an-news li { padding: 15px 0 15px 70px; height: 80px; position: relative; border-bottom: 1px solid #ddd; }

.an-news li a { display: block; }

.an-news li .date { float: left; width: 60px; height: 50px; background-color: #f2f2f2; font-weight: bold; text-align: center; color: #666; font-size: 16px; line-height: 30px; margin-right: 10px; position: absolute; left: 0; top: 10px; z-index: 1; }

.an-news li .date i { display: block; background-color: #e0e0e0; font-weight: normal; font-size: 13px; height: 20px; line-height: 20px; }

.an-news li .tit { width: 100%; display: block; height: 50px; line-height: 50px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

@media (min-width: 767px) { .an-news { padding-bottom: 55px; }
  .an-news li { height: 125px; padding-left: 114px; }
  .an-news li a { padding-bottom: 50px; padding-right: 90px; }
  .an-news li a:after { content: ""; display: block; width: 36px; height: 30px; position: absolute; top: 44px; right: 27px; background: url(../images/icon01.png) no-repeat; }
  .an-news li .date { width: 80px; height: 80px; line-height: 50px; top: 22px; font-size: 22px; }
  .an-news li .date i { height: 30px; line-height: 30px; font-size: 16px; }
  .an-news li .tit { padding-top: 15px; font-size: 18px; }
  .an-news li:hover a:after { background-image: url(../images/icon02.png); }
  .an-news li:hover .tit { color: #54a8d5; }
  .an-news li:hover .date { color: #fff; background-color: #72bce3; }
  .an-news li:hover .date i { color: #fff; background-color: #54a8d5; } }

@media (min-width: 1180px) { .an-news ul { max-width: 1000px; margin: 0 auto; }
  .an-news .loadMore { max-width: 1000px; } }

.loadMore { display: block; text-align: center; height: 50px; line-height: 50px; color: #fff; background-color: #54a8d5; font-size: 16px; margin: 20px auto 0; }

.newscont11 { padding: 36px 0; }

.detailtitle11 h4 { font-size: 24px; line-height: 29px; color: #333333; margin-bottom: 25px; font-family: "SimSun" !important; font-weight: bold; text-align: center; }

.detaildate11 { font-size: 20px; color: #8e8e8e; font-family: Arial; display: block; text-align: center; }

.detailtext11 { padding: 30px 0; border-top: 1px solid #d9d9d9; margin-top: 20px; font-size: 16px; line-height: 32px; color: #333333; }

.detailtext11 p { text-indent: 2em !important; text-align: justify;  }

.detailtext11 p, .detailtext11 span { font-family: "FangSong" !important; line-height: 1.75 !important; font-weight: normal !important; }

//.detailtext11 img { display: block; max-width: 100%; width: auto !important; height: auto !important; margin: 0 auto; }

.detailpage11 { padding-top: 50px; color: #666666; line-height: 28px; }

.detailpage11 dd a { color: #666666; }

.detailback11 { display: block; margin-top: 15px; width: 144px; height: 49px; background-color: #00837a; color: #ffffff; text-align: center; line-height: 49px; }

.detailback11:hover { color: #ffffff; }

.Share11 { display: none; position: absolute; left: 0px; top: 710px; width: 73px; z-index: 999; padding-top: 60px; }

.newsshare11 a { display: block; width: 73px !important; height: 73px !important; margin: 0 0 1px 0 !important; float: none !important; }

.weibolink { background-image: url(../images/news11xw02.jpg) !important; }

.tenngxunlink { background-image: url(../images/news11xw03.jpg) !important; }

.qqlink { background-image: url(../images/news11xw04.jpg) !important; }

.weixinlink { background-image: url(../images/news11xw05.jpg) !important; }

.baidulink { background-image: url(../images/news11xw06.jpg) !important; }

.taolink { background-image: url(../images/news11xw07.jpg) !important; }

.weibolink:hover { background-image: url(../images/news11xw08.jpg) !important; }

.tenngxunlink:hover { background-image: url(../images/news11xw09.jpg) !important; }

.qqlink:hover { background-image: url(../images/news11xw10.jpg) !important; }

.weixinlink:hover { background-image: url(../images/news11xw11.jpg) !important; }

.baidulink:hover { background-image: url(../images/news11xw12.jpg) !important; }

.taolink:hover { background-image: url(../images/news11xw13.jpg) !important; }

.footer-text { display: block; }

@media (min-width: 768px) { .detailtext11 { padding: 50px 12% 30px; min-height: 510px; margin-top: 45px; }
  .Share11 { display: block; }
  .detailtitle11 h4 { margin-bottom: 20px; }
  .footer-text { display: inline-block; padding-left: 30px; } }

@media (min-width: 992px) { .detailtitle11 { padding-right: 20px; }
  .detailtitle11 h4 { font-size: 36px; line-height: 48px; }
  .detaildate11 { font-size: 24px; }
  .detailpage11 dd { float: left; }
  .detailpage11 dt { float: right; }
  .detailback11 { margin: 0; } }

/*美图*/
.mobile-link .icon-toplink:before { display: inline-block; margin-right: 15px; }

.beautiful-images { padding: 30px 0; }

.beautiful-images img { display: block; width: 100%; }

.beautiful-images li { margin-bottom: 20px; }

.beautiful-images a { display: block; overflow: hidden; }

.beautiful-images img { -webkit-transition: all 1s ease; -o-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }

.thumb-popup402 { display: none; position: fixed; left: 0; top: 0; z-index: 100; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }

.thumb-copy-wrapper402 { position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 100%; height: 100%; overflow: hidden; }

.thumb-copy-wrapper402 .swiper-wrapper li { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; }

.thumb-copy-wrapper402 .swiper-wrapper li img { display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 95%; }

.thumb-popup402 .close { position: absolute; right: 0px; top: 0; z-index: 9; width: 30px; height: 30px; font-size: 30px; font-weight: bold; text-align: center; color: #333; background: rgba(255, 255, 255, 0.5); cursor: pointer; }

.thumb-text402 { position: absolute; padding: 10px; background-color: rgba(0, 0, 0, 0.8); left: 10px; right: 10px; bottom: 10px; color: #ffffff; z-index: 10; font-weight: bold; }

.thumb-index402 { display: inline-block; margin-left: 12px; }

.thumb-leftbtn402, .thumb-rightbtn402 { display: none; position: absolute; top: 50%; z-index: 10; cursor: pointer; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.thumb-leftbtn402 { left: 10px; }

.thumb-rightbtn402 { right: 10px; }

.thumb-leftbtn402::before, .thumb-rightbtn402::before { display: inline-block; content: ""; width: 20px; height: 20px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; }

.thumb-leftbtn402::before { -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); -moz-transform: rotate(40deg); -o-transform: rotate(40deg); transform: rotate(40deg); margin: 12px 0 0 5px; }

.thumb-rightbtn402::before { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); -moz-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); margin: 12px 5px 0 0; }

@media (min-width: 1024px) { .beautiful-images { padding: 45px 0; }
  .beautiful-images a:hover img { -webkit-transform: scale(1.08, 1.08); -ms-transform: scale(1.08, 1.08); -moz-transform: scale(1.08, 1.08); -o-transform: scale(1.08, 1.08); transform: scale(1.08, 1.08); }
  .thumb-copy-wrapper402 { width: 1000px; }
  .thumb-popup402 .close { width: 80px; height: 80px; line-height: 75px; font-size: 80px; font-weight: lighter; }
  .thumb-leftbtn402::before, .thumb-rightbtn402::before { width: 50px; height: 50px; } }

#grid li { opacity: 0; }

#grid li.shown { opacity: 1; }

#grid li.animate { -webkit-animation: fadeIn 0.65s ease forwards; -moz-animation: fadeIn 0.65s ease forwards; -o-animation: fadeIn 0.65s ease forwards; animation: fadeIn 0.65s ease forwards; }

@-webkit-keyframes fadeIn { 0% { }
  100% { opacity: 1; } }

@-moz-keyframes fadeIn { 0% { }
  100% { opacity: 1; } }

@-o-keyframes fadeIn { 0% { }
  100% { opacity: 1; } }

@keyframes fadeIn { 0% { }
  100% { opacity: 1; } }

.title { font-size: 16px; }

@font-face { font-family: knockout; src: url("../../fonts/knockout.woff"); }

.mob-visible { display: block; }

.ipad-visible { display: none; }

header { position: fixed; top: 0; left: 0; right: 0; z-index: 999; background-color: #fff; }

body { padding-top: 60px; }

/*banner*/
.inbanner { position: relative; overflow: hidden; }

.inbanner img { display: block; height: 150px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

/*餐饮美食*/
.titlefs36 { text-align: center; color: #54a8d5; font-size: 24px; margin-bottom: 20px; font-weight: bold; }

.m-titcontent { padding-top: 30px; padding-bottom: 20px; font-size: 14px; text-align: center; }

.max965 { max-width: 965px; margin: 0 auto; }

.food-bg { background: #f2f2f2; padding: 30px 0; }

.hotnews07 { position: relative; background-color: #ffffff; overflow: hidden; }

.hotnews07 ul li { width: 100%; position: relative; width: 100%; overflow: hidden; float: left; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; height: 100%; position: relative; color: #666666; }

.hotnews07 ul { width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: -o-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.hotnewslist07 dt { overflow: hidden; position: relative; }

.hotnewslist07 dt:before { content: ""; display: block; padding-top: 56.41026%; }

.hotnewslist07 dt img { display: block; width: 100%; position: absolute; left: 0; top: 0; }

.hotnewslist07 dd { padding: 25px 10px; }

.hotnewslist07 dd h4 { font-size: 18px; line-height: 30px; font-weight: bold; margin-bottom: 10px; }

.hotnewslist07 dd .food-ntext { font-size: 16px; color: #333333; position: relative; display: block; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: 26px; line-height: 26px; }

.hotnewstext07 { margin: 15px 0; max-height: 120px; line-height: 24px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }

.hotnewsbtn07 { text-align: center; padding-bottom: 20px; position: relative; z-index: 6; }

.hotnewsbtn07 span { display: inline-block; width: 11px; height: 11px; background-color: #999999; -webkit-border-radius: 100%; border-radius: 100%; margin-right: 9px; opacity: 1; cursor: pointer; }

.hotnewsbtn07 span.swiper-pagination-bullet-active { background: #54a8d5; }

.hotnewslink07 { color: #54a8d5 !important; font-size: 14px; }

.hotnewslink07:after { content: ""; position: absolute; top: 7px; left: 58px; width: 8px; height: 8px; border-right: 1px solid #54a8d5; border-top: 1px solid #54a8d5; border-left: 0; border-bottom: 0; transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); }

.food-bg .hotnewslink07:after{display:none;}

.m-foodlist { padding-top: 30px; padding-bottom: 22px; }

.m-foodlist ul { margin: 0 -10px; }

.m-foodlist ul li { padding: 0 10px 26px; }

.m-foodlist ul li .zoom { position: relative; }

.m-foodlist ul li .zoom:before { content: ""; display: block; padding-top: 56.34921%; }

.m-foodlist ul li .zoom img { position: absolute; left: 0; top: 0; width: 100%; display: block; }

.m-foodlist ul li .fooddec { background: #f2f2f2; padding: 20px 10px 30px; }

.m-foodlist ul li .fooddec h4 { font-size: 18px; font-weight: bold; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: 30px; line-height: 30px; margin-bottom: 5px; }

.m-foodlist ul li .fooddec h5 { font-size: 18px; margin-bottom: 10px; }

.m-foodlist ul li .fooddec .decfood { color: #666666; display: -webkit-box; height: 48px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.fs20bule { color: #54a8d5; font-weight: bold; font-size: 16px; }

.product-nav { padding: 20px 0 0; }

.product-nav .commonweb { position: relative; }

.product-swiper { position: relative; overflow: hidden; padding-top: 10px; }

.product-swiper ul { display: block; }

.product-swiper ul li { border-bottom: 1px solid #ddd; }

.product-swiper ul li a { display: block; padding: 10px; font-size: 15px; color: #333; }

.product-btn { display: none; width: 50px; height: 62px; position: absolute; top: 0; z-index: 2; cursor: pointer; vertical-align: top; }

.product-btn:after { content: ""; position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; border-right: 1px solid #54a8d5; border-top: 1px solid #54a8d5; border-left: 0; border-bottom: 0; -webkit-transform: translate(-50%, -50%) rotate(-135deg); -moz-transform: translate(-50%, -50%) rotate(-135deg); -ms-transform: translate(-50%, -50%) rotate(-135deg); -o-transform: translate(-50%, -50%) rotate(-135deg); transform: translate(-50%, -50%) rotate(-135deg); margin-left: 5px; }

.product-left { left: 0; }

.product-right { right: 0; }

.product-btn.product-right:after { left: 4px; -webkit-transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); margin-left: 8px; }

.product-nav { padding: 0; background: #f2f2f2; }

.product-btn { display: none; }

.channel-title { text-align: left; padding: 10px 0; font-size: 18px; border-bottom: 1px solid #ddd; position: relative; }

.channel-title:after { content: ""; position: absolute; top: 15px; right: 10px; width: 12px; height: 12px; border-right: 1px solid #54a8d5; border-top: 1px solid #54a8d5; border-left: 0; border-bottom: 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }

.channel-title.cur:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 18px; }

.rest-left { padding: 30px 0 0; }

.rest-left h4 { font-size: 22px; font-weight: bold; margin-bottom: 15px; line-height: 30px; }

.rest-left .restaurant-dec { font-size: 16px; line-height: 26px; }

.m-restaurant ul { background: #f2f2f2; padding-top: 30px; }

.m-restaurant ul li { position: relative; overflow: hidden; padding: 0 0 30px; }

.rest-right { padding: 0; }

.rest-img img { display: block; width: 100%; }

.resrcontact-us { padding-top: 50px; padding-bottom: 50px; }

.rest-contit { text-align: center; font-size: 24px; font-weight: bold; }

.tel-list { padding-top: 35px; word-break: break-all; }

.tel-list li { text-align: center; padding: 0 5px 20px; }

.tel-list li .iconimg { width: 80px; height: 80px; margin: 0 auto 8px; background-color: #54a8d5; -webkit-border-radius: 50%; border-radius: 50%; }

.tel-list li .iconimg img { display: block; width: 100%; }

.tel-list li .tel-text { color: #666; font-weight: bold; font-size: 14px; padding-bottom: 5px; }

.tel-list li .tel-num { font-size: 16px; font-weight: bold; word-break: break-all; }

.tel-list li .tel-num p { font-weight: bold; }

.wonderful-moment { background: #f7f7f7; padding-top: 40px; padding-bottom: 34px; }

.wonderful-list { margin-top: 29px; position: relative; overflow: hidden; }

.wonderful-list ul li img { display: block; width: 100%; }

.videobtn { position: absolute; width: 43px; height: 43px; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url(../images/wicon03.png); -o-background-size: cover; background-size: cover; }

.m-btn { display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 36px; height: 36px; display: block; background: rgba(0, 0, 0, 0.5); z-index: 9; }

.m-btn:after { content: ""; position: absolute; width: 12px; height: 12px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; display: block; left: 13px; top: 12px; }

.m-left { left: 0; }

.m-left:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.m-right { right: 0; }

.m-right:after { left: 10px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

.smallvideo-list { margin: 9px 0 20px; position: relative; overflow: hidden; }

.smallvideo-list ul li { float: left; width: 20%; margin-right: 8px; }

.smallvideo-list ul li img { display: block; width: 100%; }

.videobox2 { position: absolute !important; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; display: none; background: #000; cursor: pointer; }

.videolistcon.cur { visibility: hidden; opacity: 0; }

.videobox2 video { width: 100% !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; }

.ticket-purchase { padding-top: 87px; position: relative; margin: 0 auto; text-align: center; }

.ticket-purchase .tower-icon { width: 16px; height: 109px; display: block; position: absolute; left: 10px; bottom: 10px; background: url(../images/wicon05.png) 0 0 no-repeat; z-index: 9; -o-background-size: 16px 109px; background-size: 16px 109px; }

.ticket-purchase a { display: inline-block; height: 52px; -o-background-size: auto 52px; background-size: auto 52px; position: relative; line-height: 48px; border: 3px solid #54a8d5; -webkit-border-radius: 10px; border-radius: 10px; }

.ticket-purchase a .ticknum { color: #fff; font-weight: bold; font-family: impact; font-size: 30px; display: block; width: 130px; overflow: hidden; text-align: center; position: absolute; top: -1px; left: 0; background: url(../images/wicon04.png) 0 0 no-repeat; -o-background-size: 100% 100%; background-size: 100% 100%; text-indent: 12px; }

.ticket-purchase a .tick-tit { font-size: 20px; color: #54a8d5; font-weight: bold; padding-left: 15px; display: inline-block; vertical-align: top; overflow: hidden; margin-left: 127px; }

.ticket-purchase a i { display: inline-block; vertical-align: -10px; width: 34px; height: 27px; margin-left: 5px; margin-right: 20px; background: url(../images/wicon06.png) 0 0 no-repeat; -o-background-size: cover; background-size: cover; }

.ticket-purchase.PearlRiver{padding-bottom: 34px;background-color: #f2f2f2;padding-top: 20px;}

.ticket-purchase.PearlRiver a{background-color:#fff;padding-right: 71px;}

.ticket-purchase.PearlRiver a .ticknum{font-size:20px;}

.ticket-purchase.PearlRiver a .ticknum{text-indent: -12px;}

.ticket-purchase.PearlRiver a i{width:46px;height:64px;background-image:url(../images/PearlRiverIcon.png);position: absolute;bottom: 11px;right: -8px;}


/* 视频播放*/
.recruitmentfloat { display: none; z-index: 110; width: 100%; position: fixed; height: 100%; background: rgba(0, 0, 0, 0.6); left: 0px; top: 0px; }

.tianjiatvwrap { width: 95%; margin: 0 auto; position: absolute; top: 50%; left: 2.5%; margin-top: -125px; }

.tianjiatvwrap .videobox { height: 250px; position: relative; z-index: 1; }

.recclosebtn { display: block; width: 25px; height: 25px; position: absolute; right: 15px; top: -5px; cursor: pointer; z-index: 100; margin: -20px -20px 0 0; z-index: 9; }

.recclosebtn:before { content: ""; position: absolute; top: 10px; width: 20px; height: 2px; background-color: #fff; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.recclosebtn:after { content: ""; position: absolute; top: 10px; width: 20px; height: 2px; background-color: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.mb0 { margin-bottom: 0; }

.bgwhite { background: #fff; }

.fsstrong { font-weight: bold; line-height: 18px; font-size: 13px; }

.platform .tower-icon { left: 10px; }

/*观光游乐*/
.canton-tower { position: relative; overflow: hidden; }

.canton-tower img { display: block; width: 100%; }

.canton-list a { display: block; line-height: 16px; }

.candot { width: 18px; height: 18px; display: block; background: rgba(84, 168, 213, 0.2); -webkit-border-radius: 100%; border-radius: 100%; position: absolute; right: 0; top: 0; -webkit-animation: fadeIn 2s 2s infinite; -moz-animation: fadeIn 2s 2s infinite; -o-animation: fadeIn 2s 2s infinite; animation: fadeIn 2s 2s infinite; }

.candot i { width: 12px; height: 12px; -webkit-border-radius: 100%; border-radius: 100%; display: block; position: absolute; left: 2px; top: 2px; color: #fffeff; font-size: 21px; text-align: center; line-height: 18px; background: url(../images/wicon10.png) 0 0 no-repeat; -o-background-size: cover; background-size: cover; }

.canton-list a { display: block; position: absolute; font-size: 14px; font-weight: bold; color: #54a8d5; padding-right: 24px; }

/*.canton-list a:nth-child(odd) { padding-left: 24px; padding-right: 0; }

.canton-list a:nth-child(odd) .candot { left: 0; right: auto; }*/

.red-videolist li a { position: relative; }

.red-videolist li .recom-video { width: 40px; height: 40px; display: block; background: url(../images/winco35.png) 0 0 no-repeat; -o-background-size: cover; background-size: cover; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }

@keyframes fadeIn { 0% { opacity: 0.4; }
  25% { opacity: 1; }
  50% { opacity: 0.4; }
  75% { opacity: 1; }
  100% { opacity: 1; } }

.canton-1 { right: 50.98958%; top: 17.89883%; }

.canton-2 { left: 49.0625%; top: 20.73374%; }

.canton-3 { right: 53.90625%; top: 23.95775%; }

.canton-4 { left: 52.1875%; top: 24.29127%; }

.canton-5 { right: 52.96875%; top: 31.1284%; }

.canton-6 { left: 52.44792%; top: 28.2935%; }

.canton-7 { right: 52.29167%; top: 51.30628%; }

.canton-8 { left: 53.125%; top: 84.99166%; }

.canton-2,.canton-4,.canton-6,.canton-8{
    padding-left: 24px;
    padding-right: 0;
}

.canton-2 .candot,.canton-4 .candot,.canton-6 .candot,.canton-8 .candot{
    left: 0; right: auto;
}

.images-fixed { position: absolute; right: 0; top: 39.41078%; padding-right: 76px; z-index: 99; }

.iamges-tab { position: absolute; width: 76px; background: #54a8d5; text-align: center; right: 0; }

.iamges-tab a { display: block; width: 76px; height: 76px; color: #fff; font-size: 14px; line-height: 20px; padding-top: 8px; background: #71b5dd; border: 1px solid #fff; border-right: none; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.iamges-tab a.cur { background: #54a8d5; border: 1px solid transparent; }

.iamges-tab a i { height: 40px; width: 100%; display: block; background-repeat: no-repeat; background-position: center center; }

.iamges-tab a.images-work i { background-image: url(../images/wicon11.png); }

.iamges-tab a.images-video i { background-image: url(../images/wicon12.png); }

.caimages-list { background: #54a8d5; }

.caimages-list ul li { margin-bottom: 12px; }

.caimages-list ul li a { display: block; }

.camore a { height: 37px; line-height: 37px; border: 1px solid #fff; display: block; text-align: center; color: #fff; }

.recommend-list { display: none; padding: 13px 13px; }

.starsbox { padding-top: 40px; padding-bottom: 40px; }

.starstitle { text-align: center; font-weight: bold; font-size: 24px; color: #54a8d5; line-height: 30px; margin-bottom: 20px; }

.stars-list { padding-bottom: 40px; }

.stars-list li { background: #eef9ff; }

.stars-list li:nth-child(odd) .star-left { float: right; }

.stars-list li a { display: block; overflow: hidden; }

.stars-list li a img { display: block; width: 100%; }

.star-left { display: block; width: 50%; float: left; position: relative; }

.star-left:before { content: ""; position: relative; padding-bottom: 74.91525%; display: block; width: 100%; }

.star-left img { position: absolute; display: block; top: 0; left: 0; width: 100%; }

.star-right { display: block; width: 50%; float: left; padding: 7% 10px 3%; color: #54a8d5; }

.star-right .stdate { font-size: 18px; font-weight: bold; display: block; }

.star-right h4 { font-size: 14px; display: -webkit-box; height: 40px; line-height: 20px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.star-more { text-align: center; }

.star-more a { width: 140px; height: 42px; display: inline-block; font-size: 16px; color: #fff; line-height: 42px; background-color: #54a8d5; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.star-more a:hover { background-color: #186cad; }

.travel-notes { background-color: #eef9ff; padding-top: 40px; padding-bottom: 40px; }

.travel-list { margin: 0 -13px; padding-bottom: 20px; }

.travel-list li { padding: 0 13px 20px; }

.travel-list li a { display: block; background-color: #ffffff; border: 1px solid #d9d9d9; }

.travel-list li a .zoom { overflow: hidden; position: relative; }

.travel-list li a .zoom:before { content: ""; display: block; padding-bottom: 57.18085%; }

.travel-list li a .zoom img { position: absolute; top: 0; left: 0; display: block; width: 100%; }

.travel-list li a .travel-box { padding: 20px; min-height: 220px; border-top: 1px solid #d9d9d9; }

.travel-box .date { position: relative; }

.travel-box .date span { display: inline-block; background: #54a8d5; color: #fff; width: 85px; line-height: 32px; text-align: center; font-size: 13px; }

.travel-box .date i { display: block; width: 7px; height: 7px; position: absolute; left: 0; bottom: -7px; background: url(../images/wicon13.png) 0 0 no-repeat; }

.travel-box .newsTitle { margin: 40px 0 0; font-size: 18px; display: -webkit-box; height: 84px; line-height: 28px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

/*科普游览厅*/
.technology-system { padding-top: 45px; padding-bottom: 35px; }

.systemfs30 { font-size: 26px; font-weight: bold; margin-bottom: 15px; text-align: center; color: #54a8d5; line-height: 34px; }

.tecenter { text-align: center; color: #666666; }

.system-list { padding-top: 30px; }

.system-list li { text-align: center; padding-bottom: 20px; }

.system-list li .system-icon { width: 100px; height: 100px; -webkit-border-radius: 100%; border-radius: 100%; border: 1px solid #54a8d5; margin: 0 auto 16px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background: #54a8d5; }

.system-list li .system-icon img { width: 100%; -webkit-border-radius: 50%; border-radius: 50%; }

.system-list li:nth-child(2n + 1) { clear: left; }

.service-hotlist { margin-top: 40px; background-color: #d3e8f4; text-align: left; }

.service-hotlist .service-hottit { color: #2486ba; font-size: 24px; font-weight: bold; margin-bottom: 20px; }

.service-hotlist .exhibition-dec { color: #2486ba; padding-bottom: 20px; }

.service-hotlist .dec-text { display: -webkit-box; height: 72px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.service-hotlist .hotnewsbtn07 span { background: #fff; }

.service-hotlist .hotnewsbtn07 span.swiper-pagination-bullet-active { background: #54a8d5; }

.service-hotlist .hotnewslink07 { color: rgba(36, 134, 186, 0.5) !important; }

.service-hotlist .hotnewslink07:after { top: 8px; border-color: rgba(36, 134, 186, 0.5); }

.exhibition-venue { padding-top: 40px; padding-bottom: 40px; background-color: #f2f2f2; }

.exhi-title { text-align: center; font-size: 26px; color: #54a8d5; margin-bottom: 25px; font-weight: bold; }

.commonSolution { margin: 20px 0 25px; }

.commonSolution dl { margin-bottom: 20px; background: #fff; overflow: hidden; }

.commonSolution dl dd { padding: 15px 10px 0px; float: none; }

.commonSolution dl dd .line { display: block; width: 100%; border-bottom: 1px solid #cccccc; }

.commonSolution dl dd h3 { font-size: 16px; margin-bottom: 10px; position: relative; }

.commonSolution dl dd p.font13 { font-size: 14px; margin: 20px 0px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; }

.commonSolution dl dd p.more a { border: 1px solid #999999; display: inline-block; padding: 3px 15px; font-size: 13px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.commonSolution dl dt { position: relative; padding: 0; float: none; overflow: hidden; }

.commonSolution dl dt a { display: block; overflow: hidden; position: absolute; left: 0; top: 0; display: block; width: 100%; }

.commonSolution dl dt:before { content: ""; display: block; padding-bottom: 55.9322%; }

.commonSolution dl dt img { display: block; width: 100%; }

.loading { height: 50px; line-height: 50px; text-align: center; }

.loading a { display: block; background-color: #54a8d5; color: #fff; font-size: 16px; }

.successful-case { padding-top: 40px; padding-bottom: 40px; }

.case-wrap { padding: 0; position: relative; }

.case-list { position: relative; overflow: hidden; }

.case-list ul li { float: left; width: 100%; }

.case-list ul li a { display: block; background-color: #f7f7f7; }

.case-list ul li a .imgzoom { position: relative; overflow: hidden; }

.case-list ul li a .imgzoom:before { content: ""; display: block; padding-bottom: 52.02312%; }

.case-list ul li a .imgzoom img { display: block; width: 100%; position: absolute; top: 0; left: 0; }

.case-list ul li a .case-xcon { padding: 24px 22px; color: #666666; }

.case-list ul li a .case-xcon h4 { font-size: 24px; padding-bottom: 25px; position: relative; margin-bottom: 20px; color: #333; }

.case-list ul li a .case-xcon h4:before { content: ""; position: absolute; width: 30px; height: 5px; display: block; background-color: #54a8d5; left: 0; bottom: 0; }

.casebtn { position: absolute; width: 50px; height: 50px; display: block; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: none; }

.casebtn:before { content: ""; position: absolute; width: 24px; height: 24px; border-top: 4px solid #54a8d5; border-right: 4px solid #54a8d5; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 50%; margin-top: -10px; }

.casebtn.case-left { left: 0; }

.casebtn.case-left:before { -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

.casebtn.case-right { right: 0; }

.casebtn.case-right:before { right: 10px; }

.m-dot { text-align: center; padding-top: 20px; position: relative; z-index: 6; }

.m-dot span { display: inline-block; width: 11px; height: 11px; background-color: #999999; -webkit-border-radius: 100%; border-radius: 100%; margin-right: 9px; opacity: 1; cursor: pointer; }

.m-dot span.swiper-pagination-bullet-active { background: #54a8d5; }

.contactbg { background-color: #eef9ff; padding-top: 45px; padding-bottom: 40px; }

.contactbg .exhi-title { margin-bottom: 0; }

.common-problem { padding-top: 40px; padding-bottom: 40px; }

.questionlist03 { font-size: 14px; }

.questionlist03 dl { margin-bottom: 22px; }

.questionlist03 dt { position: relative; cursor: pointer; color: #333333; }

.questionlist03 dt span { display: block; border: 5px solid #e6e6e6; padding: 15px 30px 15px 60px; background: #fff; }

.questionlist03 dt:before { display: block; content: ""; width: 50px; height: 100%; background-color: #54a8d5; background-image: url(../images/winco32.png); background-position: center; background-repeat: no-repeat; position: absolute; left: 0px; top: 0px; -o-background-size: 20px auto; background-size: 20px auto; }

.questionlist03 dt:after { display: block; content: ""; width: 30px; height: 100%; position: absolute; right: 5px; top: 0; background-image: url(../images/wt12.png); background-position: center; background-repeat: no-repeat; -o-background-size: 15px auto; background-size: 15px auto; }

.questionlist03 dd { padding: 25px 0; display: none; color: #666; }

.questiontext03 { position: relative; padding: 0 0px 0 60px; line-height: 26px; }

.questiontext03:before { display: block; content: ""; width: 50px; height: 90px; background-color: #7dc8f0; background-image: url(../images/winco33.png); background-position: center; background-repeat: no-repeat; position: absolute; left: 0px; top: 0px; -o-background-size: 16px auto; background-size: 16px auto; }

.questionlist03 dt.cur { background-color: #a0d9f7; }

.questionlist03 dt.cur span { border: 5px solid #a0d9f7; }

.questionlist03 dt.cur:after { background-image: url(../images/wt13.png); }

.loading-pro a { background: #e6e6e6; color: #333333; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.loading a:hover { background: #54a8d5; color: #fff; }

.garyfs30 { font-size: 24px; color: #4f4f4f; text-align: center; font-weight: bold; margin-bottom: 20px; }

.wondeatils .m-btn { background: none; }

.wondeatils .m-btn:after { border-left: 4px solid #999; border-bottom: 4px solid #999; width: 22px; height: 22px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.wondeatils .m-btn:hover:after { border-color: #0068b7; }

.wondeatils .videoimg { border: 1px solid #d2d2d2; }

.casesbox { padding-top: 20px; }

.yanteamj { background: #fff; padding-top: 35px; padding-bottom: 35px; }

.yanteamj img { max-width: 100%; }

.yanteamj dl dt { text-align: center; line-height: 0; padding: 0; }

.yanteamj dl dt img { max-width: 100%; }

.yanteamj dl dd { padding-top: 20px; position: relative; }

.yanteamj dl dd h3.fs45 { font-size: 30px; text-transform: uppercase; line-height: 32px; font-weight: bold; }

.yanteamj dl dd h4.fs30 { font-weight: bold; font-size: 24px; line-height: 26px; padding-top: 10px; }

.title-img { margin-bottom: 10px; }

.title-img img { height: 60px; max-width: none; }

.yanteamj dl .teaminfos { padding-top: 10px; background: #fff; }

.video-wrap { position: relative; overflow: hidden; }

.video-wrap img { display: block; width: 100%; }

.video-wrap .video-dec { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 9; text-align: center; }

.video-wrap .video-dec span { display: block; font-size: 20px; color: #54a8d5; line-height: 30px; }

.video-wrap .video-dec .auvideo-btn { width: 32px; height: 32px; display: inline-block; background: url(../images/winco34.png) 0 0 no-repeat; -o-background-size: cover; background-size: cover; }

.bghblue { background-color: #eef9ff; }

.gbwhite { background: #fff; }

/*美图*/
.container { overflow: hidden; }

.beautiful-images { padding: 30px 0; margin: 0 -10px; }

.beautiful-images img { display: block; width: 100%; }

.beautiful-images li { margin-bottom: 20px; }

.beautiful-images a { display: block; overflow: hidden; }

.beautiful-images img { -webkit-transition: all 1s ease; -o-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }

.thumb-popup402 { display: none; position: fixed; left: 0; top: 0; z-index: 100; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }

.thumb-copy-wrapper402 { position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 100%; height: 100%; overflow: hidden; }

.thumb-copy-wrapper402 .swiper-wrapper li { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; }

.thumb-copy-wrapper402 .swiper-wrapper li img { display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 95%; }

.thumb-popup402 .close { position: absolute; right: 0px; top: 0; z-index: 9; width: 30px; height: 30px; font-size: 30px; font-weight: bold; text-align: center; color: #333; background: rgba(255, 255, 255, 0.5); cursor: pointer; }

.thumb-text402 { position: absolute; padding: 10px; background-color: rgba(0, 0, 0, 0.8); left: 10px; right: 10px; bottom: 10px; color: #ffffff; z-index: 10; font-weight: bold; }

.thumb-index402 { display: inline-block; margin-left: 12px; }

.thumb-leftbtn402, .thumb-rightbtn402 { display: none; position: absolute; top: 50%; z-index: 10; cursor: pointer; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.thumb-leftbtn402 { left: 10px; }

.thumb-rightbtn402 { right: 10px; }

.thumb-leftbtn402::before, .thumb-rightbtn402::before { display: inline-block; content: ""; width: 20px; height: 20px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; }

.thumb-leftbtn402::before { -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); -moz-transform: rotate(40deg); -o-transform: rotate(40deg); transform: rotate(40deg); margin: 12px 0 0 5px; }

.thumb-rightbtn402::before { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); -moz-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); margin: 12px 5px 0 0; }

#grid li { opacity: 0; }

#grid li.shown { opacity: 1; }

#grid li.animate { -webkit-animation: fadeIn 0.65s ease forwards; -moz-animation: fadeIn 0.65s ease forwards; -o-animation: fadeIn 0.65s ease forwards; animation: fadeIn 0.65s ease forwards; }

@-webkit-keyframes fadeIn { 0% { }
  100% { opacity: 1; } }

@keyframes fadeIn { 0% { }
  100% { opacity: 1; } }

/*广州塔视频*/
.beautiful-images ul li .zoom { overflow: hidden; position: relative; }

.video-box { background-color: #f2f2f2; padding: 24px 20px; border: 1px solid #e0e0e0; }

.video-box h4 { font-size: 18px; max-height: 48px; line-height: 24px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: 10px; }

.video-box .videodate { font-size: 13px; color: #666; }

.videoli-icon { width: 57px; height: 57px; display: block; background: url(../images/winco35.png) 0 0 no-repeat; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

/*票务价格*/
.ticketprice-top { padding-top: 45px; padding-bottom: 47px; }

.ticket-tit32 { text-align: center; font-size: 24px; font-weight: bold; color: #54a8d5; margin-bottom: 25px; line-height: 36px; }

.ticket-table { font-size: 13px; overflow-x: auto; }

.ticket-table table { width: 100%; text-align: center; }

.ticket-table table tr td { border: 1px solid #fff; }

.ticket-table table thead tr { background-color: #54a8d5; color: #fff; }

.ticket-table table thead tr td { padding: 10px 0; }

.ticket-table table tbody tr { background: #f2f2f2; }

.ticket-table table tbody tr td { padding: 10px 5px; }

.tickettable-one { min-width: 640px; }

.fs20 { font-size: 18px; font-weight: bold; }

.fs18 { font-size: 16px; font-weight: bold; }

.fs24 { font-size: 20px; font-weight: bold; font-family: impact; }

.mb10 { margin-bottom: 8px; }

.purchase-price { background-color: #f2f2f2; padding-top: 45px; padding-bottom: 50px; }

.bglight-blue { background-color: #ddeef7 !important; }

.tickettable-two thead tr td { padding: 20px 0 !important; }

/*购票指引*/
.purchasing-tickets { padding-top: 40px; padding-bottom: 40px; font-size: 14px; }

.tickets-box { border: 1px solid #cccccc; }

.tickets-litem { padding: 20px 10px 0; float: none; }

.tickets-litem:last-child { padding-bottom: 20px; }

.tickets-thees { padding-bottom: 20px; }

.colordepth { color: #54a8d5; }

.purchasingtable { width: 100%; font-size: 14px; text-align: center; margin: 28px 0; font-weight: bold; }

.purchasingtable tr td { border: 1px solid #fff; padding: 3px 0; }

.purchasingtable thead tr { background: #54a8d5; color: #fff; }

.purchasingtable tbody tr { background-color: #f7f7f7; }

.purchasingtable tbody tr:nth-child(odd) { background-color: #ddeef7; }

.Notes-change { padding-top: 40px; padding-bottom: 40px; background-color: #f7f7f7; font-size: 14px; }

.Notes-table-box { text-align: center; font-size: 14px; line-height: 20px; margin: 20px 0; }

.Notes-table-box table { width: 100%; text-align: center; }

.Notes-table-box table tr td { border: 1px solid #fff; background: #ddeef7; padding: 20px 12px; }

.Notes-table-box table thead tr td { background-color: #54a8d5; color: #fff; padding: 4px 12px; line-height: 16px; }

.tip-notes { text-align: left; padding: 16px 10px; line-height: 20px; border: 1px dashed #cccccc; }

.tip-notes .icondot { position: relative; padding-left: 20px; margin-bottom: 10px; }

.tip-notes .icondot:before { content: ""; width: 6px; height: 6px; display: block; -webkit-border-radius: 100%; border-radius: 100%; background-color: #333333; position: absolute; left: 0; top: 6px; }

.safetybox { padding-top: 40px; padding-bottom: 30px; }

.safety-list { margin: 0 -10px; }

.safety-list li { height: 100%; padding: 0 10px 20px; font-size: 14px; line-height: 24px; }

.safety-list li .sameheight { background-color: #f7f7f7; padding: 25px 15px; }

.safety-list li .sameheight .num { font-size: 30px; font-weight: bold; color: #999999; margin-bottom: 20px; }

.bggray { background-color: #f2f2f2; }

.bggrayf7 { background-color: #f7f7f7; }

.preferential-notice { padding-top: 40px; padding-bottom: 40px; line-height: 20px; }

.fs16 { font-size: 16px; font-weight: bold; }

.lineheight20 { line-height: 20px; }

.ticket-contact .ticket-tit32 { margin-bottom: 0; }

/*单页面*/
.single-page { padding-top: 40px; padding-bottom: 40px; font-size: 14px; }

.single-page .single-list { background-color: #ddeef7; padding: 20px 20px 22px; font-size: 14px; border-bottom: 1px solid #fff; }

.single-page .single-list:nth-child(even) { background-color: #f7f7f7; }

/*联系我们*/
.visitor-list { padding-top: 10px; padding-bottom: 12px; }

.visitor-list li { float: left; width: 25%; font-size: 16px; padding-bottom: 20px; text-align: center; }

.visitor-list li .visit-icon { display: block; width: 40px; height: 40px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #999999; vertical-align: middle; margin-right: 10px; position: relative; margin: 0 auto 5px; }

.visitor-list li .visit-icon .imgbefore { -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.visitor-list li .visit-icon .imgafter { position: absolute; top: 0; left: 0; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.visitor-list li:hover .visit-icon { border-color: #54a8d5; }

.visitor-list li:hover .visit-icon .imgbefore { opacity: 0; }

.visitor-list li:hover .visit-icon .imgafter { opacity: 1; }

.consultation { padding-top: 30px; border-top: 1px solid #dcdcdc; }

.mb20 { margin-bottom: 20px; }

.concanton-tower { padding-top: 40px; background-color: #f7f7f7; }

.concanton-tower .canfs16 { text-align: center; color: #999999; font-size: 16px; text-transform: uppercase; }

.canfs30 { font-size: 24px; font-weight: bold; color: #54a8d5; text-align: center; margin-bottom: 5px; line-height: 30px; }

.concanton-tower { font-size: 14px; }

.concanton-tower .address-text { margin-bottom: 5px; }

.tel-list { text-align: center; font-size: 0; }

.tel-list li { display: inline-block; float: none; font-size: 14px; vertical-align: top; }

.tel-list li .address-text { color: #666; }

.code-list { margin: 0 auto; padding: 30px 0 50px; }

.code-list li { text-align: center; }

.code-list li .codeimg { margin-bottom: 10px; }

.code-list li .codeimg img { max-width: 184px; width: 100%; margin: 0 auto; }

.mapbox { height: 250px; }

.Feedback { padding-top: 40px; padding-bottom: 50px; }

.Feedback .forminput dd { position: relative; }

.Feedback .forminput .m-label { border-bottom: 1px solid #cccccc; font-size: 14px; height: 45px; line-height: 45px; margin-bottom: 15px; display: block; color: #999; position: relative; padding-left: 75px; }

.Feedback .forminput .m-label span { position: absolute; left: 0; top: 0; }

.Feedback .forminput .m-label input { color: #333; display: block; font-family: "Microsoft YaHei"; width: 100%; padding: 0 10px; height: 100%; }

.Feedback .forminput em { color: #d8262c; }

.Feedback p.text { font-size: 14px; color: #333; line-height: 24px; text-align: center; padding-top: 10px; }

.Feedback .forminput dt .msgtext { font-size: 14px; color: #999; display: block; }

.Feedback .forminput dt textarea { resize: none; display: block; width: 100%; height: 301px; border: 1px solid #ccc; margin-top: 5px; padding: 10px; font-size: 14px; }

.Feedback .tijiao { display: block; width: 150px; margin-top: 20px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 14px; background: #54a8d5 url(../images/winco51.png) no-repeat 90% center; -o-background-size: 20px auto; background-size: 20px auto; }

.Feedback .forminput dd label:last-child { position: relative; }

.Feedback .forminput dd label:last-child input { padding-right: 50%; }

.Feedback .forminput dd .m-label .yzm { position: absolute; right: 0; top: 0; bottom: 0; line-height: 54px; }

.Feedback .forminput dd .m-label .yzm span { display: inline-block; height: 100%; position: static; }

.Feedback .forminput dd .m-label .yzm a { float: right; margin-left: 5px; color: #999; }

.Feedback .forminput dd .m-label .yzm span img { display: block; width: 100%; }

.Feedback .forminput dd .sex-check { position: absolute; right: 0; top: 0; z-index: 2; margin-bottom: 0; padding-left: 0; }

.Feedback .forminput dd .sex-check i { padding-left: 20px; display: inline-block; margin: 0 5px; background-image: url(../images/winco53.png); background-position: 0 14px; }

.Feedback .forminput dd .sex-check i.cur { background-position: 0 -30px; }

/*失物招领*/
.lost-found { overflow: hidden; padding-top: 44px; padding-bottom: 46px; }

.lost-found ul { margin: 0 -11px; padding-bottom: 8px; }

.lost-found ul li { padding: 0 11px 22px; }

.lost-found ul li a { color: #999999; display: block; background-color: #f7f7f7; }

.lost-found ul li a .imgzoom { position: relative; overflow: hidden; }

.lost-found ul li a .imgzoom:before { content: ""; display: block; padding-bottom: 66.93122%; }

.lost-found ul li a .imgzoom img { display: block; width: 100%; position: absolute; top: 0; left: 0; }

.lost-found ul li a .lost-box { padding: 25px 24px 30px; }

.lost-found ul li a .lost-box .lost-title { font-size: 20px; color: #333333; margin-bottom: 10px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: 24px; line-height: 24px; }

.lost-found ul li a .lost-box .adrs { margin-bottom: 7px; }

.lost-found ul li a .lost-box .time { margin-bottom: 12px; }

/*党建文化*/
.party-branch { padding-top: 42px; padding-bottom: 43px; }

.branch-box { background-color: #54a8d5; color: #fff; padding: 30px 10px; }

.branch-box .branch-left { font-size: 14px; line-height: 30px; margin-bottom: 20px; }

.branch-box .branch-right img { display: block; width: 100%; }

.activities { padding-top: 40px; padding-bottom: 50px; background-color: #f7f7f7; }

.activities .travel-list { padding-top: 15px; }

.mpt65 { padding-top: 45px; padding-bottom: 40px; }

.news-deatils-top { padding: 30px 0 20px; margin-bottom: 30px; border-bottom: 1px solid #ebeef0; color: #333333; position: relative; }

.news-deatils-top h1 { font-size: 24px; line-height: 30px; margin-bottom: 15px; font-family: "SimSun" !important; font-weight: bold; text-align: center; }

.news-deatils-top .newsdeatils-date { color: #8e8e8e; font-size: 18px; text-align: center; }

.news-box { padding: 0; position: relative; color: #666666; }

.news-box img { max-width: 100%; }

.news-deatils-con { font-size: 16px; line-height: 1.6; padding: 0 0 30px 0; font-family: "FangSong" !important; }

.news-deatils-con p { margin-bottom: 5px !important; text-indent: 2em; text-align: justify; }

.news-deatils-con p, .news-deatils-con span { font-family: "FangSong" !important; line-height: 1.75 !important; font-weight: normal !important; }

.m-fzimport p, .m-fzimport span { font-size: 16px !important; }

.news-deatils-con table td { padding: 8px 5px !important; }

.news-deatils-con table p { text-align: center !important; text-indent: 0 !important; -moz-text-align-last: center !important; text-align-last: center !important; }

.news-deatils-con table span, .news-deatils-con table p { line-height: 1.2 !important; }

.guidelines-box table tr td { border: 1px solid #ddd; }

.newsdeatils-bottom { padding: 25px 0 30px; font-size: 16px; position: relative; overflow: hidden; border-top: 1px solid #ebeef0; }

.newsdeatils-bottom dl dd { position: relative; margin-bottom: 10px; height: 24px; line-height: 24px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.newsdeatils-bottom dl span { display: inline-block; }

.newsdeatils-bottom dl a { display: inline-block; color: #666; }

.newsdeatils-bottom dl a:hover { color: #54a8d5; }

.newsdeatils-bottom .return-list { width: 184px; height: 44px; line-height: 44px; margin: 0; display: block; background: #54a8d5; text-align: center; color: #fff; margin: 20px auto 0; }

.left-share { display: none; }

.left-share .article-share { position: absolute; top: 7px; left: 0; }

.left-share .article-share.js-sharefix { position: fixed; top: 80px; left: 40px; }

.left-share .article-share.js-shareEnd { position: absolute; top: auto; bottom: 63px; }

.left-share a { float: none !important; display: block !important; width: 50px !important; height: 50px !important; background-repeat: no-repeat; -o-background-size: cover; background-size: cover; background-position: center !important; padding: 0 !important; margin: 0 0 1px !important; }

.bds_tsina { background-image: url(../images/sharebtn_01.jpg) !important; }

.bds_tqq { background-image: url(../images/sharebtn_03.png) !important; }

.bds_sqq { background-image: url(../images/sharebtn_05.jpg) !important; }

.bds_weixin { background-image: url(../images/sharebtn_07.jpg) !important; }

.bds_tieba { background-image: url(../images/sharebtn_09.jpg) !important; }

.bds_tsina:hover { background-image: url(../images/sharebtnac_01.jpg) !important; }

.bds_tqq:hover { background-image: url(../images/sharebtnac_03.jpg) !important; }

.bds_sqq:hover { background-image: url(../images/sharebtnac_05.jpg) !important; }

.bds_weixin:hover { background-image: url(../images/sharebtnac_07.jpg) !important; }

.bds_tieba:hover { background-image: url(../images/sharebtnac_09.jpg) !important; }

.printing { background-image: url(../images/winco54.png); }

.right-icon { padding-top: 20px; }

.right-icon a { display: inline-block; width: 36px; height: 36px; background-color: #54a8d5; -webkit-border-radius: 100%; border-radius: 100%; color: #fff; font-family: arial; font-size: 20px; text-align: center; line-height: 36px; vertical-align: top; background-position: 0 0; background-repeat: no-repeat; margin-left: 5px; -o-background-size: cover; background-size: cover; }

.right-icon a sup { font-size: 16px; margin-left: -2px; }

/*人才招聘*/
.talent-recruitment { padding-top: 40px; padding-bottom: 42px; }

.recruitmentsearch { background-color: #f2f2f2; padding: 28px 0; font-size: 18px; text-align: center; }

.recruitmentsearch dl { max-width: 565px; margin: 0 auto; position: relative; padding: 0 20px; }

.recruitmentsearch dl dt { font-size: 18px; padding-left: 50px; background: url(../images/winco55.png) 0 2px no-repeat; color: #54a8d5; line-height: 40px; overflow: hidden; display: inline-block; }

.recruitmentsearch dl dd { height: 40px; line-height: 40px; position: relative; }

.recruitmentsearch dl dd .seacrh-text { width: 100%; height: 40px; line-height: 40px; padding-left: 13px; background: #fff; border: 1px solid #d9d9d9; font-size: 14px; }

.recruitmentsearch dl dd .seacrh-text::-webkit-input-placeholder { color: #999999; }

.recruitmentsearch dl dd .seacrh-text:-moz-placeholder { color: #999999; }

.recruitmentsearch dl dd .seacrh-text::-moz-placeholder { color: #999999; }

.recruitmentsearch dl dd .seacrh-text:-ms-input-placeholder { color: #999999; }

.recruitmentsearch dl dd .search-btn { position: absolute; right: 0; top: 0; width: 108px; height: 40px; background: #54a8d5; color: #fff; text-align: center; font-size: 16px; }

.zhaopincont01 { padding: 24px 0 25px; border-top: 1px solid #e8e8e8; }

.zhaopincont01 dl { padding: 25px 60px 25px 20px; border: 1px solid #dfe3e8; position: relative; margin-bottom: 10px; background: #f2f2f2; }

.recruit-titbox { padding: 0 18% 0 0; position: relative; cursor: pointer; }

.recruit-titbox .recruit-date { color: #54a8d5; font-size: 20px; font-weight: bold; }

.recruit-titbox .recruit-title h4 { font-weight: bold; color: #333; font-size: 16px; }

.recruit-titbox .recruit-title h4 i { width: 25px; height: 25px; display: inline-block; background: url(../images/hot.png) 0 0 no-repeat; vertical-align: -5px; margin-left: 10px; }

.recruit-titbox .recruit-title .recruit-add { color: #4c4c4c; }

.recruit-titbox .recruit-title .recruit-add span { padding-right: 25px; }

.take-up { display: block; position: absolute; right: 0; top: 0; width: 50px; height: 100%; background-image: url(../images/winco56.png); background-position: center center; background-repeat: no-repeat; -o-background-size: 30px auto; background-size: 30px auto; background-color: #e6e6e6; }

.take-up i { text-align: center; padding-top: 40px; display: block; font-style: normal; color: #c79358; opacity: 0; }

.recruit-con { padding: 25px 0 15px; color: #4c4c4c; display: none; }

.zhaopincont01 dl.cur .recruit-title { color: #54a8d5; }

.zhaopincont01 dl.cur .recruit-title h4 { color: #54a8d5; }

.zhaopincont01 dl.cur .recruit-add { color: #54a8d5; }

.zhaopincont01 dl.cur .take-up { background-position: center 44px; }

.sendresume01 { margin-top: 25px; width: 120px; height: 35px; border: 1px solid #dfe3e8; text-align: center; color: #666666; line-height: 34px; display: block; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background-color: #54a8d5; color: #fff; font-size: 16px; }

.sendresume01:hover { background: #186cad; color: #fff; }

/*登录*/
.loginbg { background-color: #f2f2f2; padding: 40px 10px; }

.login-page { background: #fff; padding: 27px; border: 1px solid #ebebeb; }

.login-page-left, .login-page-right { padding: 0; }

.login-page-left a { display: block; height: 454px; -o-background-size: cover; background-size: cover; }

.login-box { max-width: 340px; margin: 0 auto; padding: 8% 0; }

.wlogin-title { font-size: 20px; color: #1a1a1a; margin-bottom: 20px; }

.wlogin-title a { float: right; font-size: 14px; position: relative; padding-right: 10px; }

.wlogin-title a:after { content: ""; position: absolute; top: 50%; margin-top: -3px; width: 6px; height: 6px; border-top: 1px solid #54a8d5; border-right: 1px solid #54a8d5; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); right: 0; }

.login-ul { padding-top: 10px; }

.login-ul li { margin-bottom: 20px; position: relative; }

.login-ul li input { width: 100%; padding: 10px 10px 10px 50px; border: 1px solid #dedede; line-height: 18px; font-size: 13px; background-repeat: no-repeat; background-position: -1px center; }

.login-ul li input::-webkit-input-placeholder { color: #999999; }

.login-ul li input:-moz-placeholder { color: #999999; }

.login-ul li input::-moz-placeholder { color: #999999; }

.login-ul li input:-ms-input-placeholder { color: #999999; }

.login-ul li .icon-text { position: absolute; width: 40px; height: 40px; top: 0; left: 0; z-index: 2; }

.login-ul li.login-icon .icon-text { background-image: url(../images/winco58.png); }

.login-ul li.pass-icon .icon-text { background-image: url(../images/winco59.png); }

.login-ul li.code-icon input { background-image: url(../images/winco60.png); }

.accountnumerror { padding: 8px 15px 8px 38px; border: 1px solid #ffcc01; background: url(../images/winco57.png) 15px 7px no-repeat, #fff6d2; font-size: 13px; color: #666; line-height: 16px; }

.accountnumerror a { color: #54a8d5; }

.login-ul li input.codetext { width: 50%; display: inline-block; vertical-align: top; }

.login-ul li .code-img { padding-left: 5px; display: inline-block; vertical-align: top; overflow: hidden; max-height: 40px; }

.login-ul li .change-btn { padding-left: 5px; display: inline-block; vertical-align: middle; margin-top: 9px; }

.login-ul li .getcode { margin-left: 5px; width: 96px; height: 40px; background: #f1f1f1; line-height: 40px; text-align: center; color: #666; display: inline-block; border: 1px solid #dedede; }

.wforgot-password { margin-top: -5px; color: #323232; font-size: 13px; }

.wforgot-password input { vertical-align: -2px; }

.wforgot-password a { color: #666; font-size: 13px; float: right; }

.wforgot-password a:hover { color: #54a8d5; }

.wlogin-btn { padding-top: 15px; }

.wlogin-btn input { width: 100%; height: 50px; text-align: center; color: #fff; line-height: 50px; background: #54a8d5; font-size: 24px; cursor: pointer; }

.otherLogin { padding-top: 30px; overflow: hidden; }

.otherLogin p { float: right; color: #333; font-size: 14px; }

.otherLogin p a { color: #54a8d5; }

.others { float: left; font-size: 14px; color: #666; }

.others span { position: relative; top: -5px; margin-right: 4px; *top: 0; }

.others a { background-image: url(../images/icon39.jpg); background-repeat: no-repeat; display: inline-block; height: 20px; }

.others a.QQ { width: 18px; margin-right: 10px; }

.others a.sina { width: 20px; background-position: -28px 0; margin-right: 9px; }

.others a.wechat { background-position: right top; width: 18px; }

/*注册*/
.wregister-box { border: 1px solid #d9d9d9; background: #fff; padding: 30px 10px 35px; color: #333; overflow: hidden; max-width: 1200px; margin: 0 auto; }

.wregister-title { font-size: 18px; font-weight: bold; padding-bottom: 13px; border-bottom: 1px solid #d9d9d9; }

.wregister-title span { float: right; font-size: 14px; color: #666; font-weight: normal; }

.wregister-title span a { color: #54a8d5; }

.wregister-tab { text-align: center; padding: 24px 0; }

.wregister-tab a { width: 50%; max-width: 200px; display: inline-block; height: 34px; border-bottom: 2px solid #54a8d5; background: #f4f6f9; color: #fff; color: #666; margin-left: -5px; line-height: 34px; }

.wregister-tab a.cur { background: #54a8d5; color: #fff; }

.wregisterWrap { padding-top: 0; max-width: 510px; margin: 0 auto; }

.wregister-list li { position: relative; margin-bottom: 12px; }

.wregister-list li .regtext { display: block; width: 96px; margin-bottom: 5px; }

.wregister-list li .regtext i { color: #c00000; }

.wregister-list li .wpositioncon input { color: #999; line-height: 18px; border: 1px solid #dedede; padding: 10px; width: 100%; font-size: 12px; background-repeat: no-repeat; background-position: right 10px center; }

.wregister-list li.registephone input { background-image: url(../images/register_inco03.png); }

.wregister-list li.setPassword input { background-image: url(../images/register_inco04.png); }

.wregister-list li.registemail input { background-image: url(../images/register_inco05.png); }

.wregister-list li .wpositioncon .codewidth { width: 53%; }

.get-mobcode { width: 43%; height: 40px; background: #54a8d5; color: #fff; display: inline-block; vertical-align: top; line-height: 40px; text-align: center; margin-left: 2%; }

.get-mobcode:hover { color: #fff; }

.wregister-list li.yancode .codewidth { display: block; width: 100%; margin-bottom: 5px; }

.wregister-list li img { vertical-align: top; }

.wregister-list li .unLook { font-size: 12px; color: #999; vertical-align: bottom; }

.wregister-list li .unLook a { vertical-align: bottom; color: #c12831; }

.agree .phoneCheck { margin-right: 5px; width: 15px; height: 15px; background: url(../images/register_inco01.png) 0 0 no-repeat; vertical-align: top; margin-top: 4px; cursor: pointer; }

.agree .phoneCheck.cur { background: url(../images/register_inco02.png) 0 0 no-repeat; }

.agree a { color: #c12831; }

.wregisterWrap .wlogin-btn { margin-top: 10px; }

.wregisterWrap .wlogin-btn input { font-size: 18px; }

.wmask { display: none; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 999; width: 100%; height: 100%; }

.registerAgree { display: none; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; max-width: 1000px; width: 90%; z-index: 102; }

.registerAgreeTitle { background: #f4f6f9; height: 41px; padding: 0 30px; line-height: 41px; font-size: 18px; }

.registerAgreeTitle .close { float: right; width: 30px; height: 40px; background: url(../images/register_inco06.png) right center no-repeat; }

.registerAgreeOne { padding: 30px; max-height: 480px; overflow-x: auto; }

.registerAgreeOne h5 { font-size: 15px; }

.registerAgreeTwo { background: #f4f6f9; padding: 25px 0 34px; text-align: center; }

.registerAgreeTwo a { display: inline-block; width: 90%; height: 50px; line-height: 50px; background: #54a8d5; font-size: 18px; color: #fff; max-width: 300px; }

/*邮箱验证成功*/
.emailsuccess { text-align: center; padding: 10% 0; }

.emailsuccess h4 { font-size: 17px; line-height: 28px; padding-bottom: 16px; color: #54a8d5; }

.emailsuccessbtn { padding-top: 26px; }

.emailsuccessbtn a { display: inline-block; width: 130px; height: 40px; line-height: 40px; background: #54a8d5; color: #fff; }

.emailsuccessbtn a.cur { background: #54a8d5; color: #fff; margin-left: 16px; }

/*广州手信*/
.guangzhou-profile { padding-top: 40px; padding-bottom: 40px; }

.shouxin-dl { background: #f2f2f2; width: 100%; text-align: center; margin-top: 30px; }

.shouxin-dl dd { padding: 40px 10px 20px; font-size: 16px; line-height: 26px; }

.shouxin-dl dd h4 { color: #333; font-size: 24px; margin-bottom: 20px; font-weight: bold; }

.shouxin-dl dt img { display: block; width: 100%; }

.shouxin-two { padding-top: 40px; padding-bottom: 40px; text-align: center; }

.m-fs16 { font-size: 14px; }

.shoulist { padding-top: 38px; }

.shoulist li { text-align: center; padding: 0 0 20px; font-size: 18px; }

.shoulist li p { margin-top: 20px; }

.shoulist li img { width: 100%; }

.shouxin-three { padding-top: 48px; padding-bottom: 20px; }

.allpanorama { padding: 22px 0; }

.num-list { text-align: center; font-size: 0; padding: 22px 0 10px; }

.num-list li { display: inline-block; font-size: 14px; padding-bottom: 20px; float: none; }

.num-list li .num-cion { width: 100px; height: 100px; -webkit-border-radius: 100%; border-radius: 100%; border: 1px solid #54a8d5; font-family: "knockout"; color: #54a8d5; font-size: 60px; line-height: 100px; text-align: center; display: inline-block; margin-bottom: 18px; }

/*汇礼轩商场*/
.go-shop { padding: 40px 15px 50px; }

.container img { max-width: 100%; }

.shop-box { background-color: #f6f6f6; line-height: 24px; font-size: 14px; }

.shop-box .shop-img img { display: block; width: 100%; }

.shop-box .shop-content { padding: 30px 20px; }

.shop-box .shop-content h4 { font-size: 20px; font-weight: bold; margin-bottom: 10px; }

.market-list { padding-top: 5px; }

.market-list dl { background-color: #eeeeee; }

.market-list dl dd { padding: 25px 30px; }

.market-list dl dd .market-box { text-align: center; color: #4f4f4f; }

.market-list dl dt:before { padding-bottom: 62.58865%; }

.shop-logo { text-align: center; width: 38.0531%; margin: 0 auto; }

.shop-no { display: inline-block; padding-left: 26px; color: #3a3a3a; background: url(../images/winco61.png) 0 0 no-repeat; font-size: 16px; margin: 5px 0; }

.mark-dec { margin-top: 5px; max-height: 72px; line-height: 24px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.good-classification { padding: 40px 0 20px; }

.class-list { margin: 0 -8px; }

.class-list li { padding: 0 8px 17px; }

.class-list li a { display: block; background-color: #fff; }

.class-list li a .zoom img { display: block; width: 100%; }

.class-list li a .class-box { padding: 22px 20px 40px; text-align: center; color: #666666; font-size: 16px; }

.class-list li a .class-box .class-title { color: #54a8d5; font-size: 18px; margin-bottom: 3px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: 24px; line-height: 24px; }

.new-arrivalwrap { padding-top: 40px; padding-bottom: 40px; }

.new-arrivals { margin-top: 25px; border-top: 13px solid #79c1f1; background-color: #b6e4fe; }

.new-arrivals .arrivals-box { max-width: 940px; padding: 0 10px; margin: 0 auto; }

.new-arrivals ul { padding-top: 30px; margin: 0 -12px; }

.new-arrivals ul li { padding: 0 12px 24px; }

.new-arrivals ul li .leftimg img { display: block; width: 100%; }

.new-arrivals ul li .right-arrdec { padding: 20px 10px; background-color: #aecde1; color: #fff; text-align: center; }

.new-arrivals ul li .right-arrdec h4 { font-size: 20px; color: #fff; margin-bottom: 10px; }

.new-arrivals ul li .right-arrdec .price-num { font-size: 30px; font-family: "宋体"; display: inline-block; vertical-align: middle; }

.new-arrivals ul li .right-arrdec .price-num i { font-size: 20px; vertical-align: top; }

.new-arrivals ul li .right-arrdec .new-more { margin-left: 10px; font-size: 14px; width: 100px; height: 30px; display: inline-block; vertical-align: middle; background-color: #fff; color: #86b5d3; line-height: 30px; }

.new-arrivals ul li:nth-child(1) { width: 100%; }

.new-arrivals ul li:nth-child(1) .right-arrdec { background-color: #76bdeb; position: relative; padding-top: 15%; }

.new-arrivals ul li:nth-child(1) h4 { margin: 3px 0 30px; padding-bottom: 13px; border-bottom: 1px solid #fff; display: inline-block; }

.position-wrap { padding-top: 40px; padding-bottom: 40px; }

.position-list { padding-top: 0; text-align: center; font-size: 0; }

.position-list li { text-align: center; padding: 0 0 20px; color: #666666; font-size: 14px; display: inline-block; line-height: 24px; float: none; }

.position-list li .posiion-icon { border-bottom: 1px solid #cccccc; height: 36px; background: url(../images/winco63.png) center 0 no-repeat; margin-bottom: 20px; }

.position-list li h5 { color: #54a8d5; font-size: 16px; font-weight: bold; margin-bottom: 5px; }

.fagship { padding-top: 60px; padding-bottom: 45px; }

.fagship .fagship-icon { position: absolute; width: 66px; height: 22px; display: block; top: -27px; left: 22px; background: url(../images/winco64.png) center 0 no-repeat; -o-background-size: cover; background-size: cover; }

.fagship .ticknum { text-indent: -16px !important; font-size: 20px !important; }

.fs14 { font-size: 14px; }

/*广州塔简介*/
.guang-introduce { padding-top: 40px; padding-bottom: 20px; text-align: center; }

.guang-inlist { padding-top: 20px; }

.guang-inlist li { display: block; float: left; }

.course-wrap { padding-top: 10px; padding-bottom: 20px; }

.course-wrap ul li { height: auto; }

/*景区建设*/
.scenic-spot { padding-bottom: 40px; }

.m-hoverhidden { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: 24px; line-height: 24px; }

.colorbule { color: #2486ba; }

.news-wrap { padding-top: 40px; padding-bottom: 40px; }

.news-search { padding: 20px 10px; font-size: 14px; background-color: #e6e6e6; }

.news-search dd { position: relative; }

.news-datebox { position: relative; height: 46px; line-height: 46px; padding-left: 40px; margin-bottom: 10px; }

.news-datebox span { position: absolute; left: 0; top: 0; }

.news-datebox input { height: 46px; width: 100%; background: #fff; padding-left: 10px; font-size: 14px; color: #999; }

.news-datebox input::-webkit-input-placeholder { color: #999999; }

.news-datebox input:-moz-placeholder { color: #999999; }

.news-datebox input::-moz-placeholder { color: #999999; }

.news-datebox input:-ms-input-placeholder { color: #999999; }

.news-datebox .stdat-icon { position: absolute; width: 43px; height: 46px; display: block; right: 0; top: 0; background: url(../images/winco66.png) center center no-repeat, #54a8d5; }

.nsearch-box { padding-right: 100px; position: relative; }

.nsearch-box .nsearch-text { height: 46px; width: 100%; background: #fff; padding-left: 10px; font-size: 14px; }

.nsearch-box .nsearch-text::-webkit-input-placeholder { color: #999999; }

.nsearch-box .nsearch-text:-moz-placeholder { color: #999999; }

.nsearch-box .nsearch-text::-moz-placeholder { color: #999999; }

.nsearch-box .nsearch-text:-ms-input-placeholder { color: #999999; }

.nsearch-box .nsearch-btn { position: absolute; top: 0; right: 0; z-index: 2; width: 100px; height: 46px; color: #fff; font-size: 14px; background-color: #54a8d5; background-image: url(../images/winco67.png); background-position: 20px center; padding-left: 50px; text-align: left; }

.tab-navicon { padding-top: 20px; text-align: right; }

.tab-navicon a { width: 43px; height: 46px; display: inline-block; margin-left: 8px; background-color: #fff; background-position: center 0; }

.tab-navicon a.row-icon { background-image: url(../images/winco68.png); }

.tab-navicon a.cos-icon { background-image: url(../images/winco69.png); }

.tab-navicon a.cur, .tab-navicon a:hover { background-position: center bottom; background-color: #54a8d5; }

.seachnews-wrap { padding-top: 20px; }

.seachnews-wrap ul { display: none; }

.plr20 { padding: 0 10px; background: #fff; }

.newstwo-list { margin-bottom: 25px; }

.newstwo-list li { padding: 20px 0; border-bottom: 1px solid #dddddd; overflow: hidden; position: relative; }

.newstwo-list li:last-child { border-bottom: 0; }

.newstwo-list li .zoom { float: left; width: 120px; overflow: hidden; margin-right: 10px; }

.newstwo-list li .zoom img { display: block; height: 80px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); max-width: none; }

.newstwo-list li .news-tworight { float: left; width: 77%; width: -webkit-calc(100% - 130px); width: -moz-calc(100% - 130px); width: calc(100% - 130px); }

.newstwo-list li .news-tworight h4 { font-size: 16px; margin-bottom: 5px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: 24px; line-height: 24px; }

.newstwo-list li .news-tworight .newsdec { display: -webkit-box; height: 48px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #4f4f4f; }

.newstwo-list li .news-tworight .see-more { margin-top: 10px; width: 100px; height: 32px; line-height: 32px; text-align: center; display: block; color: #4f4f4f; border: 1px solid #d2d2d2; display: none; }

/*最新活动*/
.news-ascpt77 { padding-top: 40px; padding-bottom: 40px; }

.news-activitiestop { position: relative; overflow: hidden; margin-bottom: 30px; }

.news-activitiestop ul li a { display: block; width: 100%; }

.news-activitiestop ul li a h4 { height: 36px; line-height: 36px; background-color: rgba(0, 0, 0, 0.5); font-size: 14px; padding: 0 10px; color: #fff; position: absolute; left: 0; bottom: 0; z-index: 9; width: 100%; }

.news-activitiestop ul li a img { display: block; width: 100%; }

.news-dot { position: absolute; text-align: right; z-index: 10; left: auto !important; bottom: 15px !important; right: 10px !important; }

.news-dot span { display: inline-block; width: 10px; height: 10px; -webkit-border-radius: 100%; border-radius: 100%; background-color: #969392; opacity: 1; margin: 0 3px !important; }

.news-dot span.swiper-pagination-bullet-active { background-color: #ffffff; }

.news-btn { position: absolute; left: 0; width: 100px; height: 100px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; display: none; }

.news-btn:after { content: ""; position: absolute; width: 62px; height: 62px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 40px; top: 20px; }

.news-btn.news-right { right: 0; left: auto; }

.news-btn.news-right:after { -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); right: 40px; left: auto; }

.latest-activities { padding-top: 10px; }

.m-ul { display: none; }

/*航班信息*/
.flight-single { padding-top: 40px; padding-bottom: 50px; }

.filght-table { margin-bottom: 25px; overflow-x: auto; }

.filght-table table { width: 100%; text-align: center; }

.filght-table table tr { background-color: #f7f7f7; }

.filght-table table td { border: 1px solid #fff; padding: 10px 5px; font-size: 14px; }

table thead tr.m-thead { background-color: #54a8d5; height: 50px; font-weight: bold; color: #ffffff; }

table thead tr.m-thead td { font-size: 16px; }

.fsbold { font-weight: bold; }

.filght-tabletwo table thead tr.m-thead { height: 55px; }

.filght-tabletwo table thead tr.m-thead td { padding: 10px; }

.filght-tabletwo table tr td { padding: 10px 5px; }

.filght-tablethree table thead tr { background: #54a8d5; }

.filght-tablethree table thead tr td { height: 55px; font-weight: bold; font-weight: bold; color: #ffffff; }

.filght-tablethree table tbody tr td { padding: 10px 5px; }

.colortel { color: #54a8d5; }

.filght-icon { position: absolute; width: 102px; height: 35px; top: -40px; left: 15px; }

.filght-icon img { display: block; }

.filght-content { position: relative; }

/*其他游船*/
.pt70 { padding-top: 40px; }

.other-boatone { padding-top: 15px; padding-bottom: 40px; }

.other-boat-left { position: relative; }

.other-boat-right { padding-top: 50px; }

.boat-list { position: relative; }

.mun-boat { position: absolute; width: 100px; height: 100px; display: block; background-color: #54a8d5; text-align: center; padding-top: 20px; left: 5%; bottom: -40px; z-index: 10; }

.mun-boat p { display: inline-block; text-align: center; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; }

.mun-boat em { color: #fff; font-size: 30px; display: block; line-height: 30px; margin-bottom: 5px; font-family: arial; }

.mun-boat span { font-size: 20px; color: #fff; line-height: 30px; }

.other-boattwo, .other-boatone { padding-top: 40px; padding-bottom: 40px; }

.other-boattwoleft { position: relative; }

.other-boattwoleft .mun-boat { left: auto; right: 5%; bottom: -40px; }

.other-boattworight { padding-top: 50px; }

.pt15 { padding-top: 15px !important; }

.dock-fs16 { font-size: 14px; }

.dock-one { padding-bottom: 40px; text-align: center; }

.singleimg { padding-top: 30px; }

.dock-two { padding-top: 40px; padding-bottom: 20px; }

.dock-list { padding-top: 30px; }

.dock-list li { text-align: center; padding: 0 20px 20px; }

.dock-list li .dock-icon { padding-bottom: 15px; }

.dock-list li .dock18 { font-size: 16px; font-weight: bold; color: #666666; }

.ship-list { background: none; }

.ship-list dl .teaminfos { background: #f2f2f2; }

.red-boatlist { padding-top: 10px; }

.red-boatlist .red-boatleft { padding: 0; }

.red-boatlist .red-boatleft img { display: block; width: 100%; }

.red-boatlist .red-boatright { position: relative; padding: 25px 0 25px 44px; font-size: 16px; line-height: 26px; }

.red-boatright .boat-box p { text-indent: 2em; }

.red-boatlist .red-boatright .boat-num i { display: inline-block; vertical-align: middle; width: 65px; height: 3px; background-color: #54a8d5; }

.red-boatlist .red-boatright h4 { font-size: 20px; font-weight: bold; margin: 15px 0; }

.mred-boat { padding-bottom: 30px; }

.boat-num { line-height: 0; }

.boat-num span { font-size: 30px; line-height: 40px; color: #54a8d5; font-family: arial; position: absolute; left: 0; top: 20px; }

.mred-boat-two { padding-top: 40px; padding-bottom: 30px; }

.mred-boat-list { margin: 0 -10px; }

.mred-boat-list li { text-align: center; padding: 0 10px 20px; font-size: 16px; }

.mred-boat-list li .zoom { margin-bottom: 20px; }

.mred-boat-list li .zoom img { display: block; width: 100%; }

.mred-boat-three dl .teaminfos { background: #fff; }

.mred-boat-four { padding-top: 40px; padding-bottom: 40px; }

.perform dt img { display: block; width: 100%; }

.perform dd { padding: 20px 0; }

.performimg { text-align: center; }

.wqp-design { padding-top: 35px; padding-bottom: 40px; background: #fff; }

.design-top { width: 100%; position: relative; padding: 0; overflow: hidden; }

.design-top:before { content: ""; position: absolute; width: 100%; max-width: 1048px; height: 100%; display: block; top: 0; right: 0; }

.design-top .designimg img { display: block; width: 100%; }

.design-top .design-con { background: #fff; padding: 30px 0 0; font-size: 14px; color: #333333; position: relative; z-index: 2; }

.design-top .design-con .design-title { font-size: 22px; font-weight: bold; color: #333333; margin-bottom: 15px; }

.traffic { padding-top: 35px; padding-bottom: 35px; }

.traffic-list { padding-top: 0; font-size: 16px; }

.traffic-list li { padding: 0 0 20px; margin-bottom: 20px; border-bottom: 1px solid #ddd; text-align: center; }

.traffic-list li .icons { margin-bottom: 20px; text-align: center; display: inline-block; background: #54a8d5; }

.traffic-list li .icons img { height: 50px; }

.traffic-list li h4 { font-size: 18px; font-weight: bold; margin-bottom: 15px; text-align: center; }

.traffic-content { text-align: left; }

/*找回密码*/
.findpassword-tit { font-size: 18px; display: block; padding-bottom: 10px; border-bottom: solid 1px #dfdfdf; color: #333; font-weight: bold; }

.item-sum { width: 100%; margin: 20px auto; max-width: 750px; }

.item-sum li { float: left; position: relative; width: 33.3%; text-align: center; color: #666666; }

.item-sum li:after { content: ""; position: absolute; top: 14px; left: 0; height: 4px; background: #d9d9d9; width: 100%; z-index: 1; }

.item-sum li strong { position: relative; z-index: 2; width: 28px; height: 28px; color: #fff; text-align: center; background-color: #d9d9d9; display: block; vertical-align: middle; -webkit-border-radius: 50%; border-radius: 50%; font-weight: normal; line-height: 28px; font-size: 16px; margin: 0 auto; }

.item-sum li:nth-of-type(1):after { -webkit-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; }

.item-sum li:nth-of-type(3):after { -webkit-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0; }

.item-sum li:nth-of-type(3) strong { background-image: url(../images/password_inco01.png); background-position: center center; background-repeat: no-repeat; -o-background-size: auto 10px; background-size: auto 10px; }

.item-sum li.cur strong { background-color: #54a8d5; }

.item-sum li.cur:after { background-color: #54a8d5; }

.item-sum li.cur { color: #54a8d5; }

.item-sum li p { padding-top: 3px; }

.phoneAndSms { padding: 20px 0 0; max-width: 300px; margin: 0 auto; }

.phoneAndSms p { padding: 27px 10px 30px 42px; border: solid 1px #dfdfdf; font-size: 15px; background-image: url(../images/register_inco08.jpg); background-repeat: no-repeat; background-position: 10px 29px; margin: 0 auto 20px; -o-background-size: 25px auto; background-size: 25px auto; }

.phoneAndSms p.p01 { background-image: url(../images/register_inco07.jpg); background-position: 10px 29px; }

.findPasswordTwo ul li img { vertical-align: middle; margin-left: 10px; }

.phoneAndSms p em { display: inline-block; padding-right: 20px; font-size: 14px; color: #666; }

.phoneAndSms p a { display: inline-block; width: 93px; height: 27px; line-height: 27px; text-align: center; color: #fff; background: #54a8d5; font-size: 14px; }

.findPasswordCon { padding-top: 0; }

.findPasswordTwoTit { font-size: 14px; line-height: 30px; text-align: left; color: #333; }

.findPasswordTwoTit .passwordinco { position: relative; top: 7px; margin-right: 5px; background: url(../images/register_inco07.png) 0 0 no-repeat; display: inline-block; width: 26px; height: 26px; }

.findPasswordTwoTit span { color: #54a8d5; }

.findPasswordWrap { margin: 24px auto 30px; }

.findPasswordUl { border-top: none; max-width: 445px; margin: 20px auto; }

.findPasswordUl li { display: table; width: 100%; margin-bottom: 10px; font-size: 14px; color: #333; position: relative; }

.findPasswordUl .wid75 { display: block; padding-bottom: 5px; }

.findPasswordUl li input { font-family: "Microsoft YaHei"; width: 100%; padding: 0px 10px; height: 40px; line-height: 40px; border: solid 1px #dfdfdf; font-size: 13px; color: #333; position: relative; }

.findPasswordUl li .Pass-code { width: 47%; vertical-align: top; }

.findPasswordUl li .changecode { vertical-align: top; padding-top: 8px; color: #009ae9; display: inline-block; }

.findPasswordUl li input.getcode { width: 47%; }

.findPasswordUl .SMS { color: #333; display: inline-block; height: 41px; line-height: 41px; background: #54a8d5; text-align: center; color: #fff; padding: 0 10px; width: 120px; }

.findPasswordUl .SMS:hover { color: #333; }

.findPasswordUl li.nextbtn { padding-top: 20px; }

.findPasswordUl li.nextbtn input { cursor: pointer; background: #54a8d5; color: #fff; max-width: 355px; font-size: 16px; border: none; }

/*找回密码3-完成*/
.findPasswordSucess { position: relative; padding: 50px 0 200px; }

.findPasswordSucess h3 { color: #54a8d5; font-size: 18px; padding-bottom: 10px; }

.findPasswordSucess a { color: #e60012; text-decoration: underline; margin-right: 10px; }

.findPasswordSucess dl { position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); }

.findPasswordSucess dl dt { width: 50px; margin: 0 auto; margin-bottom: 20px; }

.findPasswordSucess dl dt img { width: 59px; }

.findPasswordSucess dl dd { display: block; vertical-align: middle; }

/*首页新增板块*/
.pearlriver { margin-bottom: 50px; width: 100%; z-index: 99; top: 0; left: 0; position: relative; }

.river-swiper { overflow: hidden; height: 100%; width: 100%; position: relative; }

.river-swiper ul li { overflow: hidden; }

.river-swiper ul li a { width: 100%; display: block; height: 100%; background-position: center 0; background-repeat: no-repeat; -o-background-size: cover; background-size: cover; position: relative; padding-bottom: 80%; }

.river-titbox { padding-top: 10%; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.river-titbox h4 { font-size: 24px; color: #fff; text-align: center; line-height: 30px; padding-bottom: 18px; position: relative; font-weight: lighter; }

.river-titbox h4:after { content: ""; position: absolute; width: 36px; height: 2px; display: block; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); background: #fff; }

.river-nav { position: absolute; bottom: 20px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 99; width: 100%; max-width: 1200px; }

.river-nav ul li { float: left; width: 25%; }

.river-nav ul li a { display: block; width: 80px; height: 80px; position: relative; overflow: hidden; position: relative; -webkit-border-radius: 100%; border-radius: 100%; }

.river-nav ul li a:after { content: ""; position: absolute; width: 80px; height: 80px; border: 4px solid rgba(255, 255, 255, 0.7); display: block; top: 0; left: 0; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; z-index: 3; }

.river-nav ul li a img { display: block; width: 100%; }

.river-nav ul li a h4 { font-size: 16px; color: #fff; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; text-align: center; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; z-index: 4; }

.river-nav ul li a:hover:after { background: rgba(84, 168, 213, 0.8); }

.river-nav ul li a:hover h4 { opacity: 1; }

.page7 { background-color: #f2f2f2; }

.page7 .tel-list { padding-top: 0; }

.page7 .code-list { padding: 0; }

.foodlist { margin: 0 -7px; padding-top: 20px; }

.foodlist li { float: left; width: 100%; padding: 0 7px 16px; overflow: hidden; }

.foodlist li a { display: block; position: relative; padding: 0; }

.foodlist li a img { display: block; width: 100%; }

.foodlist li:nth-child(1) { width: 100%; }

.foodlist li:nth-child(1) a { position: relative; }

.foodlist li:nth-child(1) a .zoom:before { content: ""; padding-bottom: 74.02597%; display: block; }

.foodlist li:nth-child(1) img { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); height: 100%; width: auto; }

.foodcontent { position: absolute; bottom: 0; left: 0; padding: 20px 16px; width: 100%; font-size: 14px; }

.foodcontent h4 { font-size: 18px; color: #fff; margin-bottom: 5px; }

.foodcontent p { position: static; padding: 0; font-size: 14px; }

.exhibition-list li { float: left; padding: 0; width: 100%; }

.exhibition-list li a { display: block; position: relative; }

.exhibition-list li .zoom { overflow: hidden; }

.exhibition-list li .zoom img { display: block; width: 100%; }

.exhibition-list li h4 { position: absolute; bottom: 20px; left: 18px; font-size: 18px; color: #fff; z-index: 2; }

.section { position: relative; }

/*个人中心*/
.member-left { width: 20%; background: #fafafa; float: left; }

.member-photo { padding: 25px 0; border-bottom: 1px solid #f2f2f2; }

.member-photo dt { width: 116px; height: 116px; margin: 0 auto; background: #fff; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 5px 10px #dfdfdf; box-shadow: 0 5px 10px #dfdfdf; padding-top: 7px; overflow: hidden; }

.member-photo dt img { width: 100px; height: 100px; -webkit-border-radius: 50%; border-radius: 50%; display: block; margin: 0 auto; }

.member-photo dd { text-align: center; padding-top: 15px; }

.member-photo dd h4 { font-size: 16px; font-weight: bold; color: #54a8d5; margin-bottom: 10px; }

.member-photo dd span { color: #999; }

.member-nav { padding: 0 0 30px; }

.member-nav li { height: 50px; line-height: 50px; }

.member-nav li a { display: block; padding-left: 35%; position: relative; font-weight: bold; font-size: 16px; }

.member-nav li a:before { content: ""; position: absolute; height: 100%; border-left: 3px solid #54a8d5; left: 0; top: 0; }

.member-nav li a:hover, .member-nav li.cur a { background: #fff; color: #54a8d5; }

.member-right { width: 100%; background: #fff; border: 1px solid #e6e6e6; padding: 20px 10px; }

.member-title { font-size: 18px; padding: 0 0 10px; border-bottom: 1px solid #dfdfdf; }

.member-title span { display: inline-block; width: 4px; height: 18px; background: #54a8d5; vertical-align: middle; margin-top: -2px; margin-right: 10px; }

/*个人资料*/
.mob-hidden-md { display: none; }

.member-personal { margin-top: 15px; padding-top: 20px; background: #fafafa; border: 1px solid #e4e4e4; }

.member-person-left { width: 100%; text-align: center; }

.member-person-left .personal-img { display: inline-block; width: 80px; height: 80px; background: #fff; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #ededed; padding-top: 3px; }

.member-person-left .personal-img img { width: 70px; height: 70px; -webkit-border-radius: 50%; border-radius: 50%; }

.personal-nav { margin-top: 20px; }

.personal-nav a { border: 1px solid #e3e3e3; display: block; float: left; width: 50%; text-align: center; height: 50px; line-height: 50px; }

.personal-nav a:nth-of-type(1) { border-right: none; }

.personal-nav a:hover, .personal-nav a.cur { background: #54a8d5; color: #fff; border: 1px solid #54a8d5; }

.name-person { font-size: 16px; margin-top: 10px; }

.name-person span { color: #54a8d5; }

.file-btn { position: relative; margin-top: 10px; }

.file-btn a { display: inline-block; width: 78px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #54a8d5; position: absolute; top: 0; }

.file-btn input { opacity: 0; width: 78px; height: 30px; cursor: pointer; }

.member-person-right { padding-top: 20px; width: 100%; max-width: 375px; margin: 0 auto; }

.personal-dl { position: relative; margin-bottom: 15px; }

.personal-dl.sexdl { margin-bottom: 5px; }

.personal-dl.sexdl dt, .personal-dl.sexdl dd { display: inline-block; }

.personal-dl dt { padding-bottom: 5px; }

.personal-dl dt em { color: #920202; }

.personal-dl dd .textwidth, .personal-dl dd select { width: 100%; height: 30px; line-height: 30px; padding: 10px; border: 1px solid #dedede; }

.personal-dl dd.radio input[type="radio"] { width: 14px; height: 14px; display: inline-block; background-image: url(../images/member-inco10.png); background-position: 0 0; background-repeat: no-repeat; vertical-align: -4px; margin-right: 3px; color: #666; -webkit-appearance: none; }

.personal-dl dd.radio label { padding-right: 28px; padding-top: 2px; display: inline-block; }

.personal-dl dd.radio input:checked { background-position: 0 -26px; }

.personal-dl dd .birthday { background-image: url(../images/member-inco11.png); background-position: 96% center; background-repeat: no-repeat; }

.personal-dl dd.ddressSelect select { background: none; position: relative; z-index: 2; }

.select-box { position: relative; color: #666; background-image: url(../images/fund-inco03.png); background-position: 101% -1px; background-repeat: no-repeat; height: 30px; line-height: 30px; background-color: #fff; }

.select-box span { width: 100%; height: 30px; line-height: 33px; position: absolute; left: 0; top: 0; z-index: 1; color: #999; font-size: 13px; padding: 0 10px; }

.personal-dl dd.ddressSelect .select-one { margin-right: 2%; }

.personal-dl dd.ddressSelect .select-box { width: 48%; margin-bottom: 15px; display: inline-block; }

.personal-dl .update { color: #54a8d5; padding-left: 15px; display: inline-block; }

.mbdl { margin-bottom: 10px; }

.mbdl dt { top: 0; }

.submitDiv { padding: 20px 0; text-align: center; }

.submitDiv input { display: inline-block; width: 100px; height: 30px; border: solid 1px #54a8d5; line-height: 28px; text-align: center; font-family: "Microsoft YaHei"; cursor: pointer; margin-right: 15px; }

.submitDiv input.submitSave { background: #54a8d5; color: #fff; }

.submitDiv input.submitReset { background: none; color: #333; }

.personaddree { padding-top: 20px; }

.news-layer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9; display: none; }

.address-successful { padding: 35px 10px; width: 90%; margin: 0 auto; position: fixed; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); background: #fff; z-index: 10; display: none; }

.address-inco { font-size: 18px; text-align: center; }

.address-inco em { display: inline-block; width: 35px; height: 35px; background: url(../images/member-inco02.png) 0 0 no-repeat; line-height: 35px; vertical-align: middle; margin-right: 10px; }

.comfirm { display: block; width: 125px; height: 45px; text-align: center; background: #54a8d5; color: #fff; line-height: 45px; margin: 20px auto 0; }

.closeright { position: absolute; width: 25px; height: 25px; display: block; background: url(../images/register_inco06.png) center center no-repeat; right: 10px; top: 10px; }

.member-commweb { max-width: 1200px; margin: 0 auto; }

.mobsearch { width: 30px; height: 30px; display: block; float: right; margin: 15px 0 0; background: url(../images/mobsearch.png) center center no-repeat; -o-background-size: 26px; background-size: 26px; }

.header-seabox { position: absolute; right: 10px; top: -7px; width: 0; z-index: 99; height: 30px; border: 1px solid #ccc; -webkit-transition: all 0.7s; -o-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; opacity: 0; }

.header-seabox input { width: 100%; background: #fff; height: 26px; padding: 0 30px 0 10px; }

.header-seabox .search-btn { position: absolute; right: 0; top: 0; width: 30px; height: 28px; background: url(../images/wicon33.png) center center no-repeat; z-index: 2; font-size: 0; }

.mob-searh-box { width: 100%; opacity: 1; background: #fff; top: 60px; left: 0; border: 0; height: auto; background: rgba(84, 168, 213, 0.8); padding: 20px 0; display: none; }

.mob-item { position: relative; width: 90%; margin: 0 auto; }

.mob-item input { height: 40px; }

.mob-item .search-btn { height: 40px; }

/* 手机绑定*/
.step-one .user-phone { font-size: 0; line-height: 35px; margin-bottom: 10px; }

.step-one .user-phone .tag { display: inline-block; vertical-align: top; font-size: 14px; }

.step-one .user-phone .phone { display: inline-block; vertical-align: top; font-size: 14px; }

.m-step .m-step-form form { display: block; font-size: 0; text-align: center; }

.m-step .m-step-form .tag { display: none; }

.m-step .m-step-form input { display: inline-block; width: 70%; padding-left: 10px; vertical-align: top; font-size: 14px; height: 40px; border: 1px solid #ddd; }

.m-step .m-step-form a { display: inline-block; vertical-align: top; font-size: 14px; line-height: 40px; padding-left: 10px; }

.m-step .m-step-form .img-code a { display: none; }

.m-step .m-step-form .img-code img { height: 40px; padding-left: 10px; vertical-align: top; cursor: pointer; max-width: 30%; }

.m-step .m-step-form p { margin-bottom: 20px; text-align: left; line-height: 40px; }

.m-step .m-step-form .step-submit { width: 164px; height: 40px; font-size: 16px; line-height: 40px; color: #fff; background: #54a8d5; }

.step-thr { text-align: center; padding: 50px 0; }

.step-thr .validate-state { font-size: 0; }

.step-thr .validate-state .state-msg { display: inline-block; vertical-align: top; padding-left: 55px; font-size: 16px; line-height: 42px; color: #666; background: url(../images/right.png) no-repeat 0 center; }

.step-thr .validate-state .back-member { display: inline-block; vertical-align: top; font-size: 16px; line-height: 42px; color: #54a8d5; }

.animated { -webkit-animation-duration: 1.2s; -moz-animation-duration: 1.2s; -o-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; }

@-webkit-keyframes fadeDown { 0% { opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes fadeDown { 0% { opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    transform: translateY(40px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0); } }

@-o-keyframes fadeDown { 0% { opacity: 0;
    -webkit-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeDown { 0% { opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

.fadeDown, .section.active .fadeDown { -webkit-animation-name: fadeDown; -moz-animation-name: fadeDown; -o-animation-name: fadeDown; animation-name: fadeDown; }

@-webkit-keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    transform: translateY(-40px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0); } }

@-o-keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

.fadeInUp, .section.active .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@-moz-keyframes fadeLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0); } }

@-o-keyframes fadeLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

.fadeLeft, .section.active .fadeLeft { -webkit-animation-name: fadeLeft; -moz-animation-name: fadeLeft; -o-animation-name: fadeLeft; animation-name: fadeLeft; }

@-webkit-keyframes fadeRight { 0% { opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@-moz-keyframes fadeRight { 0% { opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0); } }

@-o-keyframes fadeRight { 0% { opacity: 0;
    -webkit-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeRight { 0% { opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

.fadeRight, .section.active .fadeRight { -webkit-animation-name: fadeRight; -moz-animation-name: fadeRight; -o-animation-name: fadeRight; animation-name: fadeRight; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-moz-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-o-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

.title { font-size: 16px; }

.m-titleen { font-size: 34px; line-height: 38px; color: #D9D9D9; font-family: "AvantGarGotItcTEE"; letter-spacing: 0; text-transform: uppercase; }

#fullPage .inpagefixed { display: none; }

@media (min-width: 640px) { .inbanner img { height: auto; left: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; width: 100%; }
  /*注册*/
  .wregister-box { padding: 30px 30px 35px; }
  .wregister-title { font-size: 24px; }
  .wregisterWrap { padding-top: 40px; }
  .wregister-list li { margin-bottom: 22px; }
  .wregister-list li .regtext { position: absolute; top: 5px; left: 0; text-align: right; }
  .wregister-list li .wpositioncon { padding-left: 96px; }
  .wregister-list li .wpositioncon .codewidth { width: 53%; }
  .wregister-list li.yancode .codewidth { display: inline-block; width: 53%; margin-bottom: 0; }
  .agree { padding-left: 96px; }
  .wregisterWrap .wlogin-btn { margin-top: 30px; padding-left: 96px; }
  .allpanorama { padding: 22px 0; }
  .num-list { font-size: 0; padding: 22px 0 10px; }
  .num-list li { font-size: 16px; }
  .num-list li .num-cion { width: 152px; height: 152px; font-size: 80px; line-height: 152px; margin-bottom: 18px; }
  .guang-inlist li { font-size: 16px; }
  /*找回密码*/
  .phoneAndSms { padding: 30px 0; max-width: 394px; margin: 0 auto; }
  .phoneAndSms p { line-height: 47px; padding: 27px 26px 30px 82px; background-position: 32px 29px; }
  .phoneAndSms p.p01 { background-position: 30px 29px; }
  .findPasswordCon { padding-top: 30px; }
  .findPasswordTwoTit { font-size: 14px; line-height: 30px; text-align: center; }
  .findPasswordWrap { margin: 24px auto 40px; }
  .findPasswordUl { margin: 60px auto; }
  .findPasswordUl li { margin-bottom: 23px; }
  .findPasswordUl .wid75 { display: inline-block; width: 100px; text-align: right; padding-right: 14px; position: absolute; top: 5px; left: 0; }
  .findPasswordUl li .findpass-right { padding-left: 90px; }
  .findPasswordUl li .Pass-code { width: 50%; }
  .findPasswordUl li input.getcode { width: 50%; }
  .findPasswordUl .SMS { width: 48%; }
  .findPasswordUl li.nextbtn input { max-width: 355px; font-size: 18px; margin-left: 90px; }
  /*找回密码3-完成*/
  .findPasswordSucess { padding: 50px 0 200px; }
  .findPasswordSucess h3 { font-size: 20px; }
  .m-step { width: 537px; margin: 0 auto; }
  .step-one .user-phone { line-height: 46px; margin-bottom: 22px; }
  .step-one .user-phone .tag { width: 105px; padding-right: 21px; text-align: right; }
  .m-step .m-step-form .tag { display: inline-block; vertical-align: top; width: 105px; padding-right: 21px; font-size: 14px; text-align: right; }
  .m-step .m-step-form input { width: 266px; }
  .m-step .m-step-form .img-code { margin-bottom: 23px; }
  .m-step .m-step-form .img-code a { display: inline-block; vertical-align: top; font-size: 14px; padding-left: 10px; }
  .m-step .m-step-form .sms-code { margin-bottom: 32px; }
  .m-step .m-step-form .sms-code a { padding-left: 30px; }
  .m-step .m-step-form form { text-align: left; }
  .m-step .m-step-form .step-submit { margin-left: 103px; }
  .step-two .m-step-form .phone-code { margin-bottom: 23px; } }

@media (min-width: 768px) { /*餐饮美食*/
  .hotnewslist07 dd { padding: 25px 10px; }
  .hotnewslist07 dd h4 { font-size: 24px; line-height: 36px; font-weight: bold; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; max-height: 72px; }
  .resrcontact-us { padding-top: 90px; padding-bottom: 90px; }
  .rest-contit { font-size: 30px; }
  .tel-list { padding-top: 75px; }
  .tel-list li { padding-bottom: 20px; }
  .tel-list li .iconimg { width: 100px; height: 100px; margin: 0 auto 25px; }
  .tel-list li .tel-text { font-size: 16px; padding-bottom: 5px; }
  /* 视频播放*/
  .tianjiatvwrap { width: 660px; left: 50%; margin-left: -330px; margin-top: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .tianjiatvwrap .videobox { height: 400px; }
  .contantus li:nth-child(2n + 1) { clear: left; }
  .system-list li:nth-child(2n + 1) { clear: none; }
  .commonSolution dl dd h3 { font-size: 16px; max-height: 60px; line-height: 30px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .commonSolution dl:nth-of-type(odd) dt { float: right; }
  .commonSolution dl:nth-of-type(even) dd { float: left; }
  .commonSolution dl { margin-bottom: 0; }
  .commonSolution dl dd { padding: 25px 25px 10px; float: left; margin-bottom: 0; }
  .commonSolution dl dt { position: relative; padding: 0; float: left; }
  .commonSolution { margin: 20px 0 30px; }
  .commonSolution dl dd p.font13 { margin: 15px 0px; -webkit-line-clamp: 2; }
  .successful-case { padding-top: 60px; padding-bottom: 80px; }
  .case-wrap { padding: 0 50px; }
  .case-list ul li { width: 50%; margin-right: 16px; }
  .casebtn { position: absolute; width: 50px; height: 50px; display: block; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .casebtn:before { content: ""; position: absolute; width: 24px; height: 24px; border-top: 4px solid #54a8d5; border-right: 4px solid #54a8d5; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 50%; margin-top: -10px; }
  .casebtn.case-left { left: 0; }
  .casebtn.case-left:before { -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }
  .casebtn.case-right { right: 0; }
  .casebtn.case-right:before { right: 10px; }
  .questionlist03 { font-size: 16px; }
  .questionlist03 dl { margin-bottom: 22px; }
  .questionlist03 dt span { padding: 28px 55px 28px 105px; }
  .questionlist03 dt:before { width: 90px; -o-background-size: 25px auto; background-size: 25px auto; }
  .questionlist03 dt:after { width: 83px; right: 0; -o-background-size: 25px auto; background-size: 25px auto; }
  .questiontext03 { padding: 0 0px 0 105px; line-height: 30px; }
  .questiontext03:before { width: 90px; -o-background-size: 18px auto; background-size: 18px auto; }
  .questiontext03 { padding: 0 44px 0 122px; }
  .questionlist03 dt span { padding: 28px 70px 28px 122px; }
  .questiontoptext03 h4 { font-size: 36px; line-height: 38px; }
  .commonSolution dl dd { position: relative; }
  .commonSolution dl dt:after { content: ""; position: absolute; width: 0; height: 0; display: block; border: 18px solid transparent; border-left: 18px solid #fff; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .commonSolution dl:nth-child(even) dt:after { right: 0; left: auto; border: 18px solid transparent; border-right: 18px solid #fff; }
  .yanteamj dt { float: right; text-align: right; }
  .yanteamj dl .teaminfos { margin-bottom: 60px; }
  .visitor-list li { width: 16.66667%; }
  /*党建文化*/
  .branch-box { display: table; padding: 30px; }
  .branch-box .branch-left { width: 50.84746%; display: table-cell; vertical-align: middle; padding-right: 25px; }
  .branch-box .branch-right { width: 50.84746%; display: table-cell; vertical-align: middle; }
  .recruitmentsearch { padding: 28px 0; font-size: 18px; }
  .recruitmentsearch dl { padding-left: 150px; }
  .recruitmentsearch dl dt { font-size: 18px; padding-left: 50px; overflow: hidden; position: absolute; left: 0; top: 0; }
  .zhaopincont01 { margin-top: 24px; }
  .zhaopincont01 dl { padding: 25px 30px; }
  .recruit-titbox { padding: 0 18% 0 145px; }
  .recruit-titbox .recruit-date { width: 110px; position: absolute; top: 0; left: 0; }
  .recruit-titbox .take-up { -o-background-size: 37px auto; background-size: 37px auto; }
  .recruit-con { padding: 25px 0 15px 145px; }
  .shoulist { margin: 0 -10px; }
  .shoulist li { padding: 0 10px; }
  /*汇礼轩商场*/
  .shop-box { display: table; }
  .shop-box .shop-img { display: table-cell; vertical-align: middle; width: 60%; }
  .shop-box .shop-content { display: table-cell; vertical-align: middle; width: 40%; }
  .market-list dl dt:after { border-left-color: #eee; }
  .market-list dl:nth-child(even) dt:after { border-right-color: #eee; }
  .market-list dl dd { padding: 25px 20px; }
  .new-arrivals .arrivals-box { padding: 0 20px; }
  .new-arrivals ul li { float: left; width: 50%; }
  .new-arrivals ul li:nth-child(1) .leftimg { float: left; width: 60.43956%; }
  .new-arrivals ul li:nth-child(1) .right-arrdec { float: left; width: 39.56044%; margin-top: 2.53165%; background: none; }
  .new-arrivals ul li:nth-child(1) .right-arrdec:before { content: ""; display: block; position: absolute; background-color: #76bdeb; top: 0; left: 0; padding-bottom: 125.55556%; width: 100%; z-index: 0; }
  .new-arrivals ul li:nth-child(1) .z-indextop { position: relative; z-index: 2; }
  .design-box dt { float: left; }
  .news-datebox { display: inline-block; width: 49.5%; font-size: 0; padding-left: 60px; line-height: 0; }
  .news-datebox:last-child { padding-left: 30px; }
  .news-datebox span { font-size: 14px; line-height: 46px; }
  .news-datebox input { font-size: 16px; }
  .news-search dd.search-two { padding-right: 110px; padding-left: 10px; }
  .nsearch-box { padding-right: 157px; }
  .nsearch-box .nsearch-text { font-size: 16px; }
  .nsearch-box .nsearch-btn { width: 146px; background-position: 33px center; padding-left: 70px; }
  .tab-navicon { position: absolute; right: 0; top: 0; padding-top: 0; }
  .plr20 { padding: 0 20px; }
  .newstwo-list li { padding: 24px 0; }
  .newstwo-list li .zoom { width: 200px; margin-right: 30px; }
  .newstwo-list li .zoom img { width: 100%; height: auto; }
  .newstwo-list li .news-tworight { width: 77%; width: -webkit-calc(100% - 230px); width: -moz-calc(100% - 230px); width: calc(100% - 230px); }
  .newstwo-list li .news-tworight h4 { font-size: 18px; margin-bottom: 15px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
  .newstwo-list li .news-tworight .newsdec { display: -webkit-box; height: 48px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .newstwo-list li .news-tworight .see-more { display: block; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
  .latest-activities dl { background-color: #f2f2f2; }
  .latest-activities dl dt:after { border-left: 18px solid #f2f2f2; }
  .latest-activities dl:nth-child(even) dt:after { border-right: 18px solid #f2f2f2; }
  .pl120 { padding-left: 120px; }
  /*其他游船*/
  .other-boat-left { float: left; width: 50%; }
  .other-boat-right { float: left; width: 50%; padding: 0 0 0 60px; }
  .mun-boat { left: 88%; }
  .other-boatone .mun-boat { bottom: 0; top: auto; }
  .other-boattwo { padding-top: 40px; padding-bottom: 40px; }
  .other-boattwoleft { margin-bottom: 35px; position: relative; }
  .other-boattwoleft .mun-boat { left: 34px; bottom: -75px; }
  .other-boattworight { padding: 0 0 0 160px; }
  .perform { position: relative; z-index: 0; }
  .perform dt { float: left; width: 50%; padding-right: 10px; }
  .perform dd { float: left; width: 50%; padding: 15px 0 15px 35px; }
  .traffic-list { padding-top: 30px; }
  .traffic-list li { border-left: 1px solid #dddddd; padding: 0 24px 30px; margin-bottom: 0; border-bottom: 0; }
  .traffic-list li:nth-child(1) { border-left: 0; }
  .traffic-list li .icons { margin-bottom: 20px; }
  .traffic-list li .icons img { height: 65px; }
  .traffic-list li h4 { margin-bottom: 15px; }
  /*找回密码*/
  .findpassword-tit { font-size: 24px; }
  .item-sum { margin: 40px auto 30px; }
  .item-sum li:after { top: 15px; height: 8px; }
  .item-sum li strong { width: 38px; height: 38px; line-height: 38px; font-size: 20px; }
  .item-sum li:nth-of-type(3) strong { -o-background-size: auto 15px; background-size: auto 15px; }
  .item-sum li p { padding-top: 10px; }
  .foodlist { margin: 0 -7px; padding-top: 30px; }
  .foodlist li { width: 33.3%; padding: 0 7px 16px; }
  .foodlist li:nth-child(1) { width: 100%; }
  .foodlist li:nth-child(1) a .zoom:before { padding-bottom: 0; }
  .foodlist li:nth-child(1) img { height: auto; display: block; width: 100%; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; left: 0; position: static; }
  .foodcontent { position: absolute; bottom: 0; left: 0; padding: 20px 26px; width: 100%; font-size: 16px; }
  .foodcontent h4 { font-size: 20px; color: #fff; margin-bottom: 15px; }
  .foodcontent p { position: static; padding: 0; }
  .exhibition-list li { width: 44.53125%; padding-left: 1px; }
  .exhibition-list li a { display: block; position: relative; }
  .exhibition-list li .zoom { position: relative; }
  .exhibition-list li .zoom:before { content: ""; padding-bottom: 42.573099%; display: block; }
  .exhibition-list li .zoom img { display: block; width: 100%; position: absolute; top: 0; left: 0; }
  .exhibition-list li:nth-child(1) .zoom:before { padding-bottom: 68.450704%; }
  .exhibition-list li h4 { position: absolute; bottom: 30px; left: 48px; font-size: 24px; color: #fff; z-index: 2; }
  .exhibition-list li:nth-child(1) { width: 55.46875%; padding-left: 0; }
  .new-exhibition li { padding-left: 0; }
  .new-exhibition li:nth-child(1) { float: right; padding-left: 1px; }
  .middle-list li { width: 50% !important; }
  .middle-list li .zoom:before { padding-bottom: 68.450704%; }
  .river-swiper ul li a { padding-bottom: 40.625%; }
  .river-nav { bottom: 33px; }
  .river-nav ul li a { width: 120px; height: 120px; }
  .river-nav ul li a:after { width: 120px; height: 120px; border: 5px solid rgba(255, 255, 255, 0.7); }
  .river-nav ul li a h4 { font-size: 30px; }
  /*个人资料*/
  .member-personal { padding-top: 40px; }
  .member-person-left { width: 40%; float: left; padding-top: 60px; }
  .member-person-left .personal-img { width: 116px; height: 116px; background: #fff; padding-top: 7px; }
  .member-person-left .personal-img img { width: 100px; height: 100px; }
  .name-person { padding-top: 15px; }
  .member-person-right { width: 60%; float: left; margin: 0; padding-bottom: 30px; }
  .personal-dl { margin-bottom: 20px; }
  .personal-dl dt { position: absolute; width: 85px; top: 2px; left: 0; text-align: right; }
  .personal-dl.sexdl { margin-bottom: 20px; }
  .personal-dl dt { padding-bottom: 0; }
  .personal-dl dd { padding-left: 92px; }
  .submitDiv { padding-top: 20px; }
  .submitDiv input.submitSave { margin-left: 92px; }
  .personaddree { padding-top: 40px; } }

.title { font-size: 16px; }

@media (min-width: 992px) { .contantus li:nth-child(2n + 1) { clear: none; }
  /*购票指引*/
  .purchasing-tickets { padding-top: 40px; padding-bottom: 73px; font-size: 16px; }
  .tickets-litem { padding: 30px; float: none; }
  .tickets-litem:nth-child(1) { border-right: 1px solid #cccccc; }
  .tickets-thees { border-top: 1px solid #ccc; }
  .tickets-dlwrap { display: table; }
  .tickets-dlwrap .tickets-litem { width: 50%; display: table-cell; vertical-align: top; }
  .Notes-change { padding-top: 52px; padding-bottom: 73px; font-size: 16px; }
  .Notes-table-box { line-height: 20px; margin: 20px 0 30px; }
  .Notes-table-box table { float: left; width: 54.16667%; }
  .tip-notes { text-align: left; float: left; width: 44%; padding: 16px 20px; border: 1px dashed #cccccc; border-left: none; line-height: 20px; }
  .safetybox { padding-top: 60px; padding-bottom: 90px; }
  .safety-list li { padding: 0 10px 20px; font-size: 16px; line-height: 24px; }
  .safety-list li .sameheight { padding: 35px 25px; }
  .safety-list li .sameheight .num { font-size: 40px; line-height: 40px; margin-bottom: 20px; }
  .preferential-notice { padding-top: 40px; padding-bottom: 96px; }
  /*登录*/
  .wlogin-title { font-size: 24px; }
  .login-box { padding: 8% 0 0; }
  .login-page-left { width: 54.12186%; float: left; }
  .login-page-right { width: 45.69892%; float: left; }
  .loginbg { padding: 58px 30px 60px; }
  .wregisterWrap { padding-top: 70px; }
  .wregister-box { padding-bottom: 100px; }
  .yanteamj dl dt { text-align: right; padding-right: 0; padding-left: 30px; }
  .design-box.yanteamj dl dt { text-align: left; padding-right: 30px; padding-left: 0; }
  /*游船码头*/
  .dock-three dl dd { width: 42.37288%; }
  .dock-three dl dt { width: 57.62712%; padding-left: 0; }
  .ship-list dl dt { float: left; padding-left: 0; }
  .ship-list dl dd { width: 46.10169%; padding-left: 36px; }
  .ship-list dl dt { width: 53.89831%; padding-left: 0; }
  .boat-num span { left: -18px; }
  .red-boatlist li:nth-child(even) .red-boatleft { float: right; }
  .red-boatlist li:nth-child(even) .red-boatright { padding: 25px 44px 25px 0; }
  .red-boatlist li:nth-child(even) .boat-num { text-align: right; }
  .red-boatlist li:nth-child(even) .boat-num span { left: auto; right: -16px; } }

@media (min-width: 1024px) { body { padding-top: 0; }
  header { position: relative; }
  .mobsearch { display: none; }
  .mob-visible { display: none; }
  .ipad-visible { display: block; }
  .m-titleen { font-size: 40px; line-height: 50px; }
  /*餐饮美食*/
  .hotnews07 { position: relative; overflow: hidden; }
  .hotnewslist07 dt { width: 66.66667%; float: left; overflow: hidden; }
  .hotnewslist07 dd { width: 33.33333%; padding: 25px 28px 0; float: left; font-size: 14px; }
  .hotnewstext07 { margin: 20px 0 25px; }
  .hotnewsbtn07 { width: 33.33333% !important; padding-left: 25px; right: 0; left: auto !important; bottom: 0; position: absolute; text-align: left; }
  .food-bg { padding: 57px 0; }
  .titlefs36 { font-size: 36px; line-height: 36px; margin-bottom: 20px; }
  .m-titcontent { padding-top: 55px; padding-bottom: 60px; font-size: 16px; }
  .m-foodlist { padding-bottom: 52px; padding-top: 60px; }
  .m-foodlist ul li { overflow: hidden; }
  .m-foodlist ul li img { -webkit-transition: transform ease 0.7s; -moz-transition: transform ease 0.7s; -o-transition: transform ease 0.7s; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }
  .m-foodlist ul li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
  .m-foodlist ul li .zoom { overflow: hidden; }
  .m-foodlist ul li .fooddec { padding: 30px 22px 50px; height: 197px; overflow: auto; }
  .m-foodlist ul li .fooddec h4 { font-size: 20px; font-weight: bold; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: 30px; line-height: 30px; }
  .m-foodlist ul li:hover h4 { color: #54a8d5; }
  .product-nav { padding: 0; background: #f2f2f2; }
  .product-swiper { padding: 0; }
  .product-swiper ul { display: -webkit-flex; }
  .product-swiper ul li a { padding: 20px 30px; font-size: 16px; }
  .product-swiper ul li a:hover, .product-swiper ul li a.cur { background: #54a8d5; color: #fff; }
  .channel-title { display: none; }
  .wonderful-moment { padding-top: 80px; padding-bottom: 54px; }
  .wonderful-list { margin-top: 49px; }
  .videobtn { width: 83px; height: 83px; }
  .m-btn { width: 66px; height: 66px; }
  .m-btn:after { width: 18px; height: 18px; left: 28px; top: 22px; }
  .m-right:after { left: 19px; }
  .ticket-purchase { padding-top: 87px; }
  .ticket-purchase .tower-icon { width: 21px; height: 143px; left: 14px; -o-background-size: 21px 143px; background-size: 21px 143px; }
  .ticket-purchase a { height: 68px; -o-background-size: auto 68px; background-size: auto 68px; line-height: 63px; }
  .ticket-purchase a .ticknum { font-size: 40px; width: 157px; text-indent: 10px; }
  .ticket-purchase a .tick-tit { font-size: 30px; padding-left: 15px; margin-left: 157px; }
  .ticket-purchase a i { width: 41px; height: 32px; }
  .ticket-purchase.PearlRiver{padding-bottom:73px;}
  .ticket-purchase.PearlRiver a{padding-right:78px;}
  .ticket-purchase.PearlRiver a .ticknum{font-size:30px;}
  .ticket-purchase.PearlRiver a i{bottom:15px; right:1px; }
  .fagship .ticknum { font-size: 30px !important; }
  .fs20bule { font-size: 20px; }
  /* 视频播放*/
  .tianjiatvwrap { width: 700px; margin-left: -350px; }
  .tianjiatvwrap .videobox { height: 400px; }
  .mb0 { margin-bottom: 0; }
  .smallvideo-list ul li, .stars-list li a { overflow: hidden; }
  .smallvideo-list ul li:hover img, .stars-list li a:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
  .smallvideo-list ul li img, .stars-list li a img { -webkit-transition: transform ease 0.7s; -moz-transition: transform ease 0.7s; -o-transition: transform ease 0.7s; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }
  .product-nav { text-align: center; overflow: hidden; height: 64px; }
  .boxcenter { display: inline-block; }
  .product-swiper { padding: 0; }
  .product-swiper ul li { float: left; width: auto; border-bottom: none; }
  .product-swiper ul li a { padding: 20px 30px; font-size: 16px; }
  .product-swiper ul li a:hover, .product-swiper ul li a.cur { background: #54a8d5; color: #fff; }
  .starsbox { padding-top: 76px; padding-bottom: 67px; }
  .starstitle { font-size: 36px; line-height: 30px; margin-bottom: 40px; }
  .stars-list { padding-bottom: 50px; }
  .stars-list li { float: left; width: 50%; }
  .stars-list li:nth-child(odd) .star-left { float: right; }
  .star-left { width: 50%; float: left; }
  .star-right { width: 50%; float: left; padding: 10% 20px 2%; }
  .star-right .stdate { font-size: 24px; margin-bottom: 15px; }
  .star-right h4 { font-size: 16px; }
  .star-more a { width: 140px; height: 42px; font-size: 18px; line-height: 42px; }
  .star-more a:hover { background-color: #186cad; }
  /*科普游览厅*/
  .technology-system { padding-top: 80px; padding-bottom: 35px; }
  .systemfs30 { font-size: 30px; margin-bottom: 15px; line-height: 34px; }
  .system-list { padding-top: 80px; }
  .system-list li { padding-bottom: 30px; }
  .system-list li .system-icon { width: 130px; height: 130px; margin: 0 auto 26px; }
  .system-list li .system-icon:hover { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); }
  .commonSolution dl dd { padding: 45px 25px 0px; }
  .commonSolution dl dd h3 { font-size: 24px; margin-bottom: 24px; line-height: 30px; }
  .commonSolution dl dd p.font13 { margin: 20px 0; -webkit-line-clamp: 3; }
  .case-list ul li { overflow: hidden; }
  .case-list ul li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
  .case-list ul li img { -webkit-transition: transform ease 0.7s; -moz-transition: transform ease 0.7s; -o-transition: transform ease 0.7s; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }
  .commonSolution dl { overflow: hidden; }
  .commonSolution dl img { -webkit-transition: transform ease 0.7s; -moz-transition: transform ease 0.7s; -o-transition: transform ease 0.7s; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }
  .commonSolution dl:hover dt img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
  .commonSolution dl:hover dd p.more a { background: #54a8d5; border: 1px solid #54a8d5; color: #fff; }
  .commonSolution dl:hover dd h3 { color: #54a8d5; }
  .case-list ul li:hover a .case-xcon h4 { color: #54a8d5; }
  .exhibition-venue { padding-top: 45px; padding-bottom: 66px; }
  .exhi-title { font-size: 30px; margin-bottom: 35px; line-height: 40px; }
  .successful-case { padding-top: 60px; padding-bottom: 80px; }
  .case-list ul li { width: 33.3%; margin-right: 16px; }
  .case-list ul li a .case-xcon { padding: 24px 22px; }
  .case-list ul li a .case-xcon h4 { font-size: 24px; padding-bottom: 25px; margin-bottom: 20px; }
  .casebtn { display: block; }
  .garyfs30 { font-size: 30px; line-height: 30px; }
  .yanteamj { padding-top: 80px; padding-bottom: 80px; font-size: 16px; }
  .yanteamj dl { padding-bottom: 0; }
  .yanteamj dl dd { padding-top: 0; }
  .yanteamj dl dd h3.fs45 { font-size: 45px; line-height: 50px; }
  .yanteamj dl dd h4.fs30 { padding-top: 10px; font-size: 30px; line-height: 36px; }
  .yanteamj dl dd h4.fs32 { font-size: 32px; }
  .yanteamj dl .teaminfos { padding-top: 20px; }
  .video-wrap img { -webkit-transition: -webkit-transform ease-in-out 1s; transition: -webkit-transform ease-in-out 1s; -o-transition: -o-transform ease-in-out 1s; -moz-transition: transform ease-in-out 1s, -moz-transform ease-in-out 1s; transition: transform ease-in-out 1s; transition: transform ease-in-out 1s, -webkit-transform ease-in-out 1s, -moz-transform ease-in-out 1s, -o-transform ease-in-out 1s; transition: transform ease-in-out 1s, -webkit-transform ease-in-out 1s, -moz-transform ease-in-out 1s,
 -o-transform ease-in-out 1s; }
  .video-wrap:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); -webkit-transition: -webkit-transform ease-in-out 1s; transition: -webkit-transform ease-in-out 1s; -o-transition: -o-transform ease-in-out 1s; -moz-transition: transform ease-in-out 1s, -moz-transform ease-in-out 1s; transition: transform ease-in-out 1s; transition: transform ease-in-out 1s, -webkit-transform ease-in-out 1s, -moz-transform ease-in-out 1s, -o-transform ease-in-out 1s; transition: transform ease-in-out 1s, -webkit-transform ease-in-out 1s, -moz-transform ease-in-out 1s,
 -o-transform ease-in-out 1s; }
  .video-wrap .video-dec span { font-size: 30px; line-height: 30px; margin-bottom: 14px; }
  .video-wrap .video-dec .auvideo-btn { width: 62px; height: 62px; }
  .beautiful-images { padding: 45px 0; }
  .beautiful-images a:hover img { -webkit-transform: scale(1.08, 1.08); -ms-transform: scale(1.08, 1.08); -moz-transform: scale(1.08, 1.08); -o-transform: scale(1.08, 1.08); transform: scale(1.08, 1.08); }
  .thumb-copy-wrapper402 { width: 1000px; }
  .thumb-popup402 .close { width: 80px; height: 80px; line-height: 75px; font-size: 80px; font-weight: lighter; }
  .thumb-leftbtn402::before, .thumb-rightbtn402::before { width: 50px; height: 50px; }
  /*票务价格*/
  .ticketprice-top { padding-top: 75px; padding-bottom: 77px; }
  .ticket-tit32 { text-align: center; font-size: 32px; line-height: 32px; margin-bottom: 35px; }
  .ticket-table { font-size: 16px; }
  .ticket-table table thead tr td { padding: 10px 0; }
  .ticket-table table tbody tr td { padding: 20px; }
  .fs20 { font-size: 20px; }
  .fs18 { font-size: 18px; }
  .fs24 { font-size: 24px; }
  .mb10 { margin-bottom: 8px; }
  .tickettable-two thead tr td { padding: 25px 0 !important; }
  .purchase-price { padding-top: 65px; padding-bottom: 110px; }
  /*单页面*/
  .single-page { padding-top: 60px; padding-bottom: 70px; font-size: 16px; }
  .single-page .single-list { padding: 20px 20px 22px; font-size: 16px; }
  /*联系我们*/
  .visitor-list { padding-top: 20px; padding-bottom: 12px; }
  .visitor-list li { font-size: 18px; padding-bottom: 20px; }
  .visitor-list li .visit-icon { display: inline-block; margin-right: 10px; }
  .visitor-list li .visit-icon .imgbefore { -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
  .visitor-list li .visit-icon .imgafter { position: absolute; top: 0; left: 0; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
  .visitor-list li:hover .visit-icon { border-color: #54a8d5; }
  .visitor-list li:hover .visit-icon .imgbefore { opacity: 0; }
  .visitor-list li:hover .visit-icon .imgafter { opacity: 1; }
  .consultation { padding-top: 30px; }
  .mb20 { margin-bottom: 20px; }
  .canfs30 { font-size: 30px; margin-bottom: 10px; }
  .concanton-tower { padding-top: 60px; font-size: 16px; }
  .tel-list li, .code-list li { font-size: 16px; }
  .forminput dd { width: 45.8%; float: left; }
  .forminput dt { width: 50%; float: right; }
  .Feedback { padding-top: 75px; padding-bottom: 144px; }
  .Feedback p.text { font-size: 16px; line-height: 30px; }
  .Feedback .tijiao { width: 295px; height: 60px; line-height: 60px; font-size: 24px; -o-background-size: auto; background-size: auto; font-weight: normal; margin: 0 auto; }
  .Feedback .forminput .m-label { margin-bottom: 47px; font-size: 18px; }
  .Feedback .forminput dt .msgtext { font-size: 18px; }
  .Feedback .forminput dt textarea { margin-top: 9px; }
  .forminput { padding-top: 50px; }
  .Feedback .forminput dt .m-label { margin-bottom: 24px; }
  .Feedback .forminput dd .sex-check i { padding-left: 30px; margin: 0 25px; }
  .mapbox { height: 532px; }
  /*失物招领*/
  .lost-found { padding-top: 44px; padding-bottom: 46px; }
  .lost-found ul li a { overflow: hidden; }
  .lost-found ul li a:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
  .lost-found ul li a img { -webkit-transition: transform ease 0.7s; -moz-transition: transform ease 0.7s; -o-transition: transform ease 0.7s; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }
  /*党建文化*/
  .party-branch { padding-top: 82px; padding-bottom: 83px; }
  .branch-box { padding: 30px; }
  .branch-box .branch-left { width: 57.67857%; font-size: 16px; line-height: 36px; padding-right: 45px; }
  .branch-box .branch-right { width: 45.17857%; }
  .activities { padding-top: 66px; padding-bottom: 114px; }
  .activities .travel-list { padding-top: 15px; }
  .mpt65 { padding-top: 65px; padding-bottom: 70px; }
  .news-deatils-top { padding: 60px 0 30px; margin-bottom: 50px; }
  .pr180 { padding-right: 180px; }
  .news-deatils-top h1 { font-size: 36px; line-height: 50px; margin-bottom: 40px; }
  .news-deatils-top .newsdeatils-date { font-size: 24px; }
  .news-box { padding: 0 0 0 90px; min-height: 300px; }
  .news-deatils-con { font-size: 22px; padding-bottom: 50px; }
  .m-fzimport p, .m-fzimport span { font-size: 22px !important; }
  .newsdeatils-bottom { padding: 45px 0 40px; font-size: 14px; }
  .newsdeatils-bottom .return-list { top: 54px; }
  .newsdeatils-bottom .return-list { position: absolute; top: 46px; right: 0; width: 145px; height: 50px; line-height: 50px; margin: 0; font-size: 16px; }
  .newsdeatils-bottom .return-list:hover { background: #54a8d5; }
  .left-share { display: block; }
  .commonDetailedContentsfoot dl dd { float: left; margin-bottom: 0; }
  .commonDetailedContentsfoot dl dt { float: right; }
  .right-icon { position: absolute; right: 0; top: 60px; padding-top: 0; }
  .right-icon a { display: inline-block; width: 50px; height: 50px; background-color: #54a8d5; -webkit-border-radius: 100%; border-radius: 100%; color: #fff; font-family: arial; font-size: 24px; text-align: center; line-height: 50px; vertical-align: top; background-position: 0 0; background-repeat: no-repeat; margin-left: 5px; }
  .right-icon a sup { font-size: 20px; margin-left: -2px; }
  /*人才招聘*/
  .talent-recruitment { padding-top: 68px; padding-bottom: 92px; }
  .zhaopincont01 { padding: 24px 0 26px; }
  .zhaopincont01 dl { padding: 22px 130px 22px 18px; border: 1px solid #dfe3e8; position: relative; margin-bottom: 10px; }
  .sendresume01 { width: 120px; height: 35px; font-size: 16px; }
  .take-up { width: 128px; -o-background-size: 37px auto; background-size: 37px auto; }
  /*广州手信*/
  .guangzhou-profile { padding-top: 88px; padding-bottom: 87px; }
  .shouxin-dl { display: table; margin-top: 50px; }
  .shouxin-dl dd { display: table-cell; vertical-align: middle; width: 41.5%; padding: 20px 30px; line-height: 36px; }
  .shouxin-dl dd h4 { font-size: 30px; margin-bottom: 35px; }
  .shouxin-dl dt { display: table-cell; vertical-align: middle; width: 56.66667%; }
  .shouxin-two { padding-top: 87px; padding-bottom: 90px; }
  .m-fs16 { font-size: 16px; line-height: 30px; }
  .shoulist { margin: -20px; padding-top: 68px; }
  .shoulist li { padding: 0 20px; }
  .shoulist li p { margin-top: 20px; }
  .shouxin-three { padding-top: 58px; padding-bottom: 60px; }
  /*汇礼轩商场*/
  .go-shop { padding: 66px 25px 78px; }
  .shop-box { font-size: 16px; }
  .shop-box .shop-img { width: 69.55752%; }
  .shop-box .shop-content { width: 30.35398%; padding: 45px 40px; }
  .shop-box .shop-content h4 { font-size: 24px; margin-bottom: 20px; }
  .market-list dl dd { padding: 25px 20px; }
  .good-classification { padding: 55px 0; }
  .class-list { padding-top: 5px; }
  .new-arrivalwrap { padding-top: 64px; padding-bottom: 107px; }
  .new-arrivals { margin-top: 45px; }
  .new-arrivals .arrivals-box { padding: 0 20px; }
  .new-arrivals ul { padding-top: 60px; }
  .new-arrivals ul li { padding: 0 12px 54px; }
  .new-arrivals ul li .right-arrdec { padding: 30px 20px 22px; }
  .new-arrivals ul li .right-arrdec h4 { font-size: 24px; }
  .new-arrivals ul li .right-arrdec .price-num { font-size: 40px; }
  .new-arrivals ul li .right-arrdec .price-num i { font-size: 30px; }
  .new-arrivals ul li .right-arrdec .new-more { font-size: 16px; width: 122px; height: 30px; }
  .position-wrap { padding-top: 85px; padding-bottom: 114px; }
  .position-list { padding-top: 53px; font-size: 0; }
  .position-list li { padding: 0; font-size: 16px; }
  .position-list li .posiion-icon { margin-bottom: 30px; }
  .position-list li h5 { font-size: 18px; }
  .fagship { padding-top: 97px; padding-bottom: 75px; }
  .fagship .fagship-icon { width: 80px; height: 27px; top: -32px; left: 42px; }
  .fagship .ticknum { width: 172px !important; text-indent: -16px !important; font-size: 30px !important; }
  /*广州塔简介*/
  .fs14 { font-size: 14px; }
  .guang-introduce { padding-top: 82px; padding-bottom: 60px; }
  .guang-inlist { padding-top: 50px; }
  .course-wrap { padding-top: 80px; padding-bottom: 57px; }
  .course-wrap ul li { height: auto; padding: 0; }
  .course-wrap ul li .rest-right { float: right; position: relative; overflow: hidden; }
  .course-wrap ul li .rest-right .rest-img { position: static; width: 100%; }
  .course-wrap ul li .rest-right .rest-img img { width: auto; max-width: none; position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
  .course-wrap ul li .rest-left { height: auto; }
  /*景区建设*/
  .news-wrap { padding-top: 40px; padding-bottom: 74px; }
  .scenic-spot { padding-top: 20px; padding-bottom: 58px; }
  .newstwo-list li { overflow: hidden; }
  .newstwo-list li img { -webkit-transition: transform ease 0.7s; -moz-transition: transform ease 0.7s; -o-transition: transform ease 0.7s; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }
  .newstwo-list li:hover .zoom img { -webkit-transform: scale(1.03, 1.03) translateX(-50%); -moz-transform: scale(1.03, 1.03) translateX(-50%); -ms-transform: scale(1.03, 1.03) translateX(-50%); -o-transform: scale(1.03, 1.03) translateX(-50%); transform: scale(1.03, 1.03) translateX(-50%); }
  .newstwo-list li:hover h4 { color: #54a8d5; }
  .newstwo-list li:hover .see-more { border-color: #54a8d5; background-color: #54a8d5; color: #fff; }
  /*最新活动*/
  .news-ascpt77 { padding-top: 50px; padding-bottom: 60px; }
  .news-activitiestop ul li a h4 { height: 48px; line-height: 48px; font-size: 16px; padding: 0 20px; }
  .news-dot { right: 18px !important; }
  .news-btn { display: block; }
  /*航班信息*/
  .flight-single { padding-top: 50px; padding-bottom: 50px; font-size: 16px; line-height: 30px; }
  .filght-table { margin-bottom: 45px; }
  .filght-table table { width: 100%; text-align: center; }
  .filght-table table td { padding: 10px 0; font-size: 16px; }
  .filght-tabletwo table thead tr.m-thead td { padding: 10px 10px; }
  .filght-tabletwo table tr td { padding: 20px 10px; }
  .filght-tablethree table thead tr td { height: 80px; }
  .filght-tablethree table tbody tr td { padding: 20px 10px; }
  .filght-content { display: table; width: 100%; }
  .filght-left { display: table-cell; vertical-align: middle; padding-right: 20px; }
  .filght-link { display: table-cell; vertical-align: middle; width: 370px; }
  .other-boat { font-size: 16px; line-height: 30px; }
  .other-boattwo, .other-boatone { padding-top: 50px; padding-bottom: 50px; }
  .dock-fs16 { font-size: 16px; }
  .singleimg { padding-top: 60px; }
  .pt70 { padding-top: 70px; }
  .dock-one { padding-top: 25px; padding-bottom: 70px; }
  .dock-two { padding-top: 60px; padding-bottom: 80px; }
  .dock-list { padding-top: 70px; }
  .dock-list li { padding-bottom: 0; }
  .dock-list li .dock-icon { padding-bottom: 25px; }
  .dock-list li .dock18 { font-size: 18px; font-weight: bold; color: #666666; }
  .title-img img { height: 80px; }
  .mred-boat { padding-bottom: 88px; }
  .wqp-design, .traffic { padding-top: 60px; padding-bottom: 60px; }
  .design-top { width: 100%; padding: 44px 53px 44px 0; }
  .design-top:before { border: 5px solid #cccccc; }
  .design-top .designimg { float: right; width: 42.5%; }
  .design-top .design-con { padding: 25px 50px 25px 0; float: left; width: 50%; }
  .design-top .design-con .design-title { margin-bottom: 10px; font-size: 30px; line-height: 40px; }
  .header-pc-top { overflow: hidden; }
  .wq-iconright { float: right; }
  .header-pc-top .languagelink { display: inline-block; }
  .search-icon { width: 30px; height: 30px; display: inline-block; vertical-align: middle; background: url(../images/wicon33.png) center center no-repeat; margin-top: -2px; }
  .page7 .code-list { padding: 30px 0 50px; }
  .rightfix a { width: 80px; height: 80px; }
  .rightfix a img { width: 80px; height: 80px; }
  .header-search { position: relative; }
  .header-search:hover .header-seabox { width: 200px; opacity: 1; }
  .foodlist li { overflow: hidden; }
  .foodlist li img { -webkit-transition: transform ease 0.7s; -moz-transition: transform ease 0.7s; -o-transition: transform ease 0.7s; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }
  .foodlist li .zoom { overflow: hidden; }
  .foodlist li:hover .zoom img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
  .foodlist { padding-top: 60px; }
  /*个人中心*/
  .member-right { width: 80%; float: left; padding: 20px 30px; min-height: 680px; }
  .member-left { min-height: 680px; }
  .mob-hidden-md { display: block; }
  .step-one { padding-top: 62px; }
  .step-two { padding-top: 67px; }
  .step-thr { padding: 77px 0 0; }
  .step-thr.mail-step { padding: 137px 0 0; }
  .step-two-state { padding: 68px 0 0; } }

.title { font-size: 16px; }

@media (min-width: 1200px) { .hotnewstext07 { max-height: 168px; -webkit-line-clamp: 7; }
  .hotnewslist07 dd { padding: 60px 28px 0; }
  .images-fixed { right: 5.20833%; }
  .service-hotlist .hotnewslist07 dd { padding: 7% 28px 0; }
  .m-titleen { font-size: 70px; line-height: 66px; }
  .brnone br { display: none; }
  .yanteamj dl dd h4.fs30 { padding-top: 10px; }
  .yanteamj dl .teaminfos { margin-left: 35px; position: relative; z-index: 2; padding: 50px 25px; }
  .yanteamj dl dd:before { content: ""; position: absolute; width: 72.54237%; max-height: 297px; height: 80%; left: 10px; bottom: 0; z-index: 1; border: 12px #54a8d5 solid; }
  .ship-list dl .teaminfos { margin-left: 0; margin-right: 35px; padding: 30px 25px 30px 0; }
  .mred-boat-three dl .teaminfos { padding: 30px 25px; margin-left: 35px; }
  .hand-letter dl dd:before { opacity: 0; }
  .hand-letter dl .teaminfos { padding: 30px 25px; }
  .hand-letter dl dd .hand-box { position: relative; padding: 20px 0; }
  .hand-letter dl dd .hand-box:before { content: ""; position: absolute; width: 72.54237%; height: 80%; left: 10px; bottom: 0; z-index: 1; border: 12px #54a8d5 solid; }
  .ship-list dl dd .hand-box:before { left: auto; right: 10px; }
  .mred-boat-three dl dd .hand-box:before { left: 0; right: auto; }
  .design-box dl .teaminfos { margin-left: auto; margin-right: 35px; padding: 20px 25px; }
  .design-box dl dd:before { left: auto; right: 0; }
  .design-box dl .teaminfos { margin-left: auto; margin-right: 35px; padding: 30px 25px 20px; }
  .news-box { padding: 0 155px 0 180px; }
  /*景区建设*/
  .news-search { padding: 31px 44px 33px; font-size: 16px; }
  .news-search dd { float: left; width: 50%; }
  .news-datebox span { left: 5px; }
  .news-datebox:last-child { padding-left: 30px; }
  .nsearch-box .nsearch-text { font-size: 16px; }
  .nsearch-box .nsearch-btn { font-size: 16px; }
  .news-ascpt77 { padding-left: 20px; padding-right: 20px; }
  /*航班信息*/
  .flight-single { padding-top: 76px; padding-bottom: 80px; font-size: 18px; line-height: 30px; }
  .dock-three dl .teaminfos { padding: 40px 15px 0 25px; }
  .dock-three dl dd:before { max-height: 250px; }
  .red-boatlist { padding-top: 35px; }
  .red-boatlist .red-boatright { padding: 45px 0 20px 74px; font-size: 18px; line-height: 36px; }
  .red-boatlist .red-boatright h4 { font-size: 30px; margin: 35px 0; }
  .m-pb88 { padding-bottom: 88px; }
  .boat-num span { font-size: 60px; line-height: 60px; left: -36px; top: 19px; }
  .red-boatlist li:nth-child(even) .red-boatright { padding: 45px 74px 20px 0; }
  .red-boatlist li:nth-child(even) .boat-num span { right: -34px; }
  .mred-boat-two { padding-top: 65px; padding-bottom: 50px; }
  .mred-boat-list { margin: 0 -25px; }
  .mred-boat-list li { padding: 0 25px 20px; }
  .mred-boat-four { padding-top: 110px; padding-bottom: 90px; }
  .performimg { text-align: center; position: relative; z-index: 2; margin-left: 15%; }
  .performimg img { margin-top: -78px; }
  .design-top .design-con { font-size: 18px; line-height: 36px; }
  .wqp-design, .traffic { padding-top: 100px; padding-bottom: 124px; }
  .traffic-content { max-width: 310px; margin: 0 auto; } }

@media (min-width: 1260px) { /*新闻详情*/
  .left-share .article-share.js-sharefix { position: fixed; left: 50%; margin-left: -590px; }
  .left-share .article-share.js-shareEnd { position: absolute; top: auto; bottom: 63px; }
  .left-share a { width: 73px !important; height: 73px !important; margin: 0 0 1px; }
  /*其他游船*/
  .other-boat { font-size: 16px; line-height: 30px; }
  .other-boatone, .other-boatone { padding-top: 70px; padding-bottom: 135px; }
  .other-boat-right { padding-left: 134px; }
  .mun-boat { position: absolute; width: 160px; height: 160px; padding-top: 30px; left: 88%; }
  .mun-boat em { font-size: 50px; line-height: 50px; }
  .mun-boat span { font-size: 30px; line-height: 48px; }
  .other-boatone .mun-boat { bottom: -56px; }
  .other-boattwo { padding-top: 80px; padding-bottom: 80px; }
  .other-boattwoleft { margin-bottom: 35px; position: relative; }
  .other-boattwoleft .mun-boat { left: 54px; bottom: -120px; }
  .other-boattworight { padding-left: 254px; }
  .other-boatthree { padding-top: 135px; padding-bottom: 125px; }
  .other-boatthree .mun-boat { top: -60px; bottom: auto; }
  .other-boatthree .other-boat-right { padding-top: 15%; }
  .singleimg { padding-top: 70px; }
  .dock-fs16 { font-size: 16px; line-height: 30px; }
  .title-img img { height: 110px; } }

@media (min-width: 1366px) { .product-swiper ul li a { padding: 20px 37px; }
  .rest-left { padding-right: 6.77966%; }
  .rest-left h4 { font-size: 24px; margin-bottom: 25px; line-height: 40px; }
  .rest-left .restaurant-dec { font-size: 16px; line-height: 34px; }
  .m-restaurant ul li:nth-child(even) .rest-left { padding-left: 6.77966%; }
  /* 视频播放*/
  .tianjiatvwrap { width: 1000px; margin-left: -500px; }
  .tianjiatvwrap .videobox { height: 600px; }
  .tel-list li .tel-num { font-size: 18px; }
  .contactbg .tel-list li .tel-num { font-size: 16px; }
  .tel-list li .iconimg { -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
  .tel-list li:hover .iconimg { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); }
  /*观光游乐*/
  .candot { width: 30px; height: 30px; top: -2px; }
  .candot i { width: 18px; height: 18px; left: 6px; top: 6px; }
  .canton-list a { font-size: 20px; padding-right: 40px; }
  .canton-2, .canton-4, .canton-6, .canton-8 { padding-left: 40px; padding-right: 0; }
  .canton-2 .candot, .canton-4 .candot, .canton-6 .candot, .canton-8 .candot { left: 0; right: auto; }
  .caimages-list ul li a, .travel-list li a { overflow: hidden; }
  .caimages-list ul li a:hover img, .travel-list li a:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
  .caimages-list ul li a img, .travel-list li a img { -webkit-transition: transform ease 0.7s; -moz-transition: transform ease 0.7s; -o-transition: transform ease 0.7s; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }
  .star-right { width: 50%; float: left; padding: 10% 34px 2%; }
  .star-right .stdate { font-size: 24px; margin-bottom: 15px; }
  .star-right h4 { font-size: 18px; display: -webkit-box; height: 56px; line-height: 28px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .travel-list li a:hover .newsTitle { color: #54a8d5; }
  .travel-notes { padding-top: 70px; padding-bottom: 60px; }
  .contactbg { padding-top: 75px; padding-bottom: 120px; }
  .common-problem { padding-top: 60px; padding-bottom: 60px; }
  .commonSolution dl dd { padding: 45px 45px 0px; }
  .commonSolution dl dd p.font13 { margin: 20px 0 40px; }
  .ticket-contact { padding-top: 65px; padding-bottom: 110px; }
  .ticket-contact .ticket-tit32 { margin-bottom: 0; }
  .ticket-contact .tel-list { padding-top: 60px; }
  .loginbg { padding: 58px 30px 60px; }
  .shoulist { margin: -43.5px; }
  .shoulist li { padding: 0 43.5px; }
  .market-list dl dd { padding: 25px 30px; }
  .mark-dec { margin-top: 15px; }
  /*最新活动*/
  .news-ascpt77 { padding-top: 77px; padding-bottom: 125px; }
  .product-left { left: -40px; }
  .product-right { right: -40px; } }

@media (min-width: 1600px) { .rest-left h4 { font-size: 30px; margin-bottom: 25px; line-height: 40px; }
  .rest-left .restaurant-dec { font-size: 18px; line-height: 40px; }
  .images-fixed { right: 10.41667%; } }

@media (min-width: 1920px) { .images-fixed { right: 19.27083%; } }

@media (min-width: 1260px) { /*首页新增板块*/
  .pearlriver { position: absolute; height: 100%; }
  .river-swiper { position: absolute; height: 100%; }
  .river-swiper ul li a { padding-bottom: 0; }
  .river-titbox { padding-top: 10%; }
  .river-titbox h4 { font-size: 45px; line-height: 45px; padding-bottom: 28px; }
  .news-box { padding: 0 0 0 180px; }
  .river-nav { bottom: 33px; }
  .river-nav ul li a { width: 200px; height: 200px; }
  .river-nav ul li a:after { width: 200px; height: 200px; border: 13px solid rgba(255, 255, 255, 0.7); }
  .river-nav ul li a h4 { font-size: 30px; }
  .river-nav ul li a:hover { overflow: hidden; }
  .river-nav ul li a:hover:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
  .river-nav ul li a:hover img { -webkit-transition: transform ease 0.7s; -moz-transition: transform ease 0.7s; -o-transition: transform ease 0.7s; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }
  .river-nav ul li a:hover:after { background: rgba(84, 168, 213, 0.8); }
  .river-nav ul li a:hover h4 { opacity: 1; }
  .page7 .tel-list { padding-top: 30px; }
  .banner img { width: auto; height: 100%; }
  .banner ul li a { padding-bottom: 0; }
  .fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; }
  .fainleft-one { -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all ease 2s; -o-transition: all ease 2s; -moz-transition: all ease 2s; transition: all ease 2s; opacity: 0; }
  .fainleft-two { -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all ease 1300ms; -o-transition: all ease 1300ms; -moz-transition: all ease 1300ms; transition: all ease 1300ms; opacity: 0; }
  .fainleft-three { -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all ease 1800ms; -o-transition: all ease 1800ms; -moz-transition: all ease 1800ms; transition: all ease 1800ms; opacity: 0; }
  /*.section.active .fainleft-one, .section.active .fainleft-two, .section.active.fainleft-three { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } .m-animation li:nth-child(odd) { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all ease-in-out 1s; -o-transition: all ease-in-out 1s; -moz-transition: all ease-in-out 1s; transition: all ease-in-out 1s; opacity: 0; } .m-animation li:nth-child(even) { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all ease-in-out 1s; -o-transition: all ease-in-out 1s; -moz-transition: all ease-in-out 1s; transition: all ease-in-out 1s; opacity: 0; } .m-animation dl dt { -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); -webkit-transition: all ease-in 1s; -o-transition: all ease-in 1s; -moz-transition: all ease-in 1s; transition: all ease-in 1s; opacity: 0; } .m-animation dl dd { -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all ease-in 1s; -o-transition: all ease-in 1s; -moz-transition: all ease-in 1s; transition: all ease-in 1s; opacity: 0; } .foodlist li, .exhibition-list li { -webkit-transition: all ease-in 1s; -o-transition: all ease-in 1s; -moz-transition: all ease-in 1s; transition: all ease-in 1s; opacity: 0; } .foodlist li:nth-child(1) { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .foodlist li:nth-child(2) { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .foodlist li:nth-child(3) { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .foodlist li:nth-child(4) { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .old-exhibition li:nth-child(1),.new-exhibition li:nth-child(3),.new-exhibition li:nth-child(2) { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .old-exhibition li:nth-child(2),.old-exhibition li:nth-child(3),.new-exhibition li:nth-child(1){ -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }*/
  .river-nav ul, .tel-list, .code-list { -webkit-transition: all 1s linear 1.2s; -o-transition: all 1s linear 1.2s; -moz-transition: all 1s linear 1.2s; transition: all 1s linear 1.2s; }
  /*.section.active .m-animation li, .section.active .m-animation dl dt, .section.active .m-animation dl dd, .section.active .foodlist li, .section.active .exhibition-list li { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } }*/ }

@media (max-width: 1260px) { .section, .fp-tableCell { height: auto !important; } }

/*搜索页*/
.searchcont401 { padding: 36px 0; background-color: #ffffff; background-repeat: no-repeat; background-position: center top; -o-background-size: cover; background-size: cover; }

.searchtitle401 { padding: 28px 15px; background-color: #f2f2f2; }

.ptb50 { padding-top: 30px; padding-bottom: 30px; }

.searchtitle401 span { color: #da251d; }

.resultlist401 { font-size: 13px; padding: 3% 0; }

.resultlist401 img { display: block; width: 100%; margin-bottom: 2%; }

.resultlist401 li { padding: 15px 0; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; margin-bottom: -1px; }

.resultlist401 h4 { font-size: 16px; line-height: 24px; margin-bottom: 3%; }

.resultlist401 h4 em { color: #da251d; }

.resultlist401 h4 a { display: block; }

.resulttext401 { overflow: hidden; height: 72px; color: #999; line-height: 24px; }

.resultlabel401 { color: #999; display: inline-block; padding-top: 30px; }

.searchinputcont401 dt input { width: 100%; height: 40px; line-height: 40px; text-indent: 12px; font-size: 15px; color: #333333; background-color: #ffffff; }

.searchinputcont401 dd input { width: 100%; height: 40px; line-height: 40px; font-size: 0px; font-weight: bold; color: #ffffff; cursor: pointer; background-color: #54a8d5; background-image: url(../images/search402.png); background-repeat: no-repeat; background-position: center; }

.keywords { color: #00a298; }

.ms-detail td .short-sl { width: 103px; }

.sitemapcont2 { padding: 6% 0; overflow: hidden; }

.sitemapcont2 dl { position: relative; margin-bottom: 36px; }

.sitemapcont2 dl dt { font-size: 16px; font-weight: bold; color: #00a298; padding: 0 8px; background: #fff; position: absolute; left: 18px; top: -14px; }

.sitemapcont2 dl dd { padding: 4% 3% 1% 3%; border: 1px solid #e6e6e6; }

.sitemapcont2 dl dd a { display: inline-block; padding-left: 10px; margin: 0 23px 8px 0; }

@media (min-width: 768px) { .searchtitle401 { font-size: 24px; }
  .resultlist401 h4 { font-size: 20px; margin-bottom: 2%; }
  .searchimg401 { float: left; margin: 0 3% 0 0; display: block; width: 200px; height: 150px; overflow: hidden; position: relative; }
  .resultlist401 img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); max-width: 100%; width: auto; }
  .sitemapcont2 { padding: 2% 0 0; overflow: hidden; }
  .sitemapcont2 dl dt { font-size: 20px; }
  .sitemapcont2 dl dd { padding: 2% 3% 1% 3%; border: 1px solid #e6e6e6; }
  .sitemapcont2 dl dd a { margin: 0 50px 8px 0; }
  .sitemapcont2 dl dd a:hover { color: #00a298; } }

@media (min-width: 992px) { .ptb50 { padding-top: 50px; padding-bottom: 50px; }
  .searchinputcont401 { width: 45%; margin: 0 auto; }
  .searchinputcont401 dt { float: left; width: 78%; }
  .searchinputcont401 dd { float: left; width: 22%; }
  .searchinputcont401 dt input { font-size: 18px; }
  .searchinputcont401 dd input { text-align: left; padding-left: 20%; font-size: 18px; font-weight: bold; background-position: 80% center; } }

@media print { header, footer { display: none; }
  .product-nav, .inbanner, .rightfix, .left-share .article-share { display: none; }
  .news-deatils-top { padding: 60px 0 30px; margin-bottom: 50px; }
  .news-deatils-top h1 { font-size: 36px; line-height: 36px; margin-bottom: 40px; }
  .news-deatils-top .newsdeatils-date { font-size: 24px; }
  .news-deatils-con { font-size: 16px; line-height: 26px; padding-bottom: 50px; }
  .newsdeatils-bottom { padding: 45px 0 40px; font-size: 14px; }
  .newsdeatils-bottom .return-list { top: 54px; }
  .newsdeatils-bottom .return-list { position: absolute; top: 46px; right: 0; width: 145px; height: 50px; line-height: 50px; margin: 0; font-size: 16px; }
  .newsdeatils-bottom .return-list:hover { background: #54a8d5; }
  .left-share { display: block; }
  .commonDetailedContentsfoot dl dd { float: left; margin-bottom: 0; }
  .commonDetailedContentsfoot dl dt { float: right; }
  .right-icon { display: none; }
  .right-icon a { display: inline-block; width: 50px; height: 50px; background-color: #54a8d5; -webkit-border-radius: 100%; border-radius: 100%; color: #fff; font-family: arial; font-size: 24px; text-align: center; line-height: 50px; vertical-align: top; background-position: 0 0; background-repeat: no-repeat; margin-left: 5px; }
  .right-icon a sup { font-size: 20px; margin-left: -2px; } }

/*新增*/
.honor-wrap { padding-top: 35px; padding-bottom: 35px; }

.honor-tab { text-align: center; font-size: 0; line-height: 0; }

.honor-tab a { display: inline-block; max-width: 150px; height: 40px; line-height: 40px; text-align: center; background: #fff; font-size: 16px; color: #333; width: 48%; border: 1px solid #54a8d5; margin: 0 1%; -webkit-border-radius: 20px; border-radius: 20px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.honor-tab a.cur, .honor-tab a:hover { background: #54a8d5; color: #fff; }

.path-detail { background: #fff; padding: 20px 10px 0; }

.path-detail li { padding: 12px 0 14px; border-bottom: 1px solid #e6e6e6; }

.path-detail .poster img { display: block; width: 100%; }

.path-detail .info .year { padding: 10px 0; font-size: 20px; line-height: 24px; color: #54a8d5; font-family: Arial, Helvetica, sans-serif; }

.path-detail .info .middle { font-size: 16px; line-height: 26px; color: #4c4c4c; }

#Pages { text-align: center; margin-top: 20px; }

#Pages .layui-laypage .layui-laypage-curr .layui-laypage-em { background-color: #54a8d5; }

.load-more:hover { color: #fff; }

@media (min-width: 768px) { .path-detail li { position: relative; padding: 22px 0 24px 14.50382%; border-bottom: 1px solid #e6e6e6; }
  .path-detail .poster { float: left; width: 200px; position: relative; }
  .path-detail .poster img { display: block; position: relative; left: 50%; height: 150px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: auto; }
  .path-detail .info { height: 150px; display: table; }
  .path-detail .info .year { position: absolute; left: 0; top: 50%; margin-top: -12px; }
  .path-detail .info .middle { display: table-cell; vertical-align: middle; font-size: 16px; line-height: 26px; color: #4c4c4c; }
  .path-detail .info .desc { padding: 0 20px; } }

@media (min-width: 1024px) { .honor-wrap { padding-top: 60px; padding-bottom: 60px; }
  .path-detail { padding: 20px 45px 42px; }
  .path-detail li { padding: 20px 0 20px 14.50382%; }
  .path-detail .info { display: table; }
  .path-detail .info .year { margin-top: -28px; font-size: 20px; line-height: 34px; }
  .path-detail .info .middle { font-size: 18px; line-height: 30px; }
  .path-detail .info .desc { padding: 0 46px; } }

.snowbox { display: none; background: url(../greenimages/floaticon.png) center center no-repeat; -o-background-size: cover; background-size: cover; }

.page8 { background: #f2f2f2; }

/*由于编辑器不支持结构，重新排版*/
.mgz-ptb80 { padding-top: 35px; padding-bottom: 35px; }

.m-gzright { padding-left: 0; padding-right: 0; }

.m-gzleft { padding-right: 0; padding-left: 0; }

.m-gzbox img { max-width: 100%; }

.gz-fs30 { font-weight: bold; font-size: 20px; line-height: 26px; }

.gz-handbox { padding: 0 0 20px 10px; position: relative; }

.gz-handbox:before { content: ""; position: absolute; width: 72.54237%; height: 70%; left: 10px; bottom: 0; z-index: 1; border: 6px #54a8d5 solid; }

.gz-teaminfos { background: #fff; margin-left: 15px; margin-bottom: 10px; position: relative; z-index: 2; padding: 20px 0 20px 10px; }

.m-titleen { padding: 20px 0 0; }

.ship-list .gz-teaminfos { background: #f2f2f2; }

.ship-list .gz-handbox { padding-right: 10px; padding-left: 0; }

.ship-list .gz-handbox:before { left: auto; right: 0; }

.hand-right.gz-handbox { padding-right: 10px; padding-left: 0; }

.hand-right.gz-handbox:before { left: auto; right: 0; }

.hand-right .gz-teaminfos { margin-right: 15px; margin-left: 0; padding-right: 15px; padding-left: 0; }

.gz-fs45 { font-size: 30px; text-transform: uppercase; line-height: 32px; font-weight: bold; padding-top: 20px; }

@media (min-width: 991px) { .rest-left { padding-right: 3%; padding-left: 0; min-height: 25.5vw; position: relative; display: table; padding-bottom: 20px; }
  .m-restaurant ul { padding-top: 0; }
  .m-restaurant ul li { min-height: 25.5vw; padding-bottom: 0; }
  .m-restaurant ul li:nth-child(even) .rest-left { float: right; padding-left: 3%; padding-right: 0; }
  .m-restaurant ul li:nth-child(even) .rest-right .rest-img { left: 0; right: auto; }
  .rest-img { position: absolute; right: 0; top: 0; height: 100%; width: 50%; }
  .rest-img img { display: block; width: 100%; }
  .m-restmiddle { display: table-cell; vertical-align: middle; } }

@media (min-width: 1024px) { .gz-fs45 { font-size: 45px; line-height: 50px; padding-top: 0; }
  .mgz-ptb80 { padding-top: 80px; padding-bottom: 80px; }
  .m-gzright { float: right; padding-left: 30px; padding-right: 0; }
  .m-gzleft { float: left; padding-right: 20px; padding-left: 0; }
  .gz-fs30 { font-size: 30px; line-height: 36px; }
  .gz-handbox { padding: 10px 0 30px 25px; font-size: 16px; }
  .gz-handbox:before { content: ""; border: 12px #54a8d5 solid; }
  .gz-teaminfos { margin-bottom: 25px; margin-left: 35px; padding: 20px 0 30px 25px; }
  .m-titleen { padding: 0 0 10px; }
  .title-img { margin-bottom: 15px; }
  .gzwidth-img { width: 53.89831%; }
  .gzwidth-con { width: 46.10169%; }
  .ship-list .gz-handbox { padding-right: 40px; padding-left: 0; }
  .ship-list .gz-handbox:before { left: auto; right: 0; }
  .hand-right.gz-handbox { padding-right: 40px; padding-left: 0; }
  .hand-right.gz-handbox:before { left: auto; right: 0; }
  .hand-right .gz-teaminfos { margin-right: 35px; margin-left: 0; padding-right: 25px; padding-left: 0; } }


@charset "UTF-8";
.module-a h3 { padding: 10px; margin: 10px; color: #333; /* {"title": "A的字体颜色","type":"color","name": "@clacolor","value": "#333"}*/ background-color: #f60; /* {"title": "A的背景颜色","type":"color","name": "@bgcacolor","value": "#f60"}*/ line-height: 2; background-image: url("images/searchicon.png"); background-image: url("/images/searchicon.png"); background-image: url("./images/searchicon.png"); background-image: url("../images/searchicon.png"); background-position: center center; background: #000 url("images/searchicon.png") 0 0; background: #000 url("/images/searchicon.png") 0 0; background: #000 url("./images/searchicon.png") 0 0; background: #000 url("../images/searchicon.png") 0 0; color: #fff; font-size: 30px; background-repeat: repeat; border: 10px solid #ccc; }

.module-a h3 p { color: #999; border: 10px solid #333; }


.good-classification .class-list{display: flex;flex-wrap: wrap;}
.num-list{display: flex;width: 100%;}